I'm starting here. I'm hoping I can at least be pointed in the right direction if the Views Slideshow module is not the culprit.
Issue is being tested at http://dev.diversifiedgreensolutions.com/. The slideshow has only 2 slides/images.
In IE8 (both me and my co-worker have verified on different computers), the slideshow images fail to load completely in SOME cases. It seems to be fairly random (yesterday I hit refresh until I saw the issue occur 3 times - I saw the issue on refresh #'s 11, 38 and 60).
When the issue occurs, it doesn't always look the same. Sometimes the 1st slides image doesn't load all the way, sometimes it's the 2nd, most of the time all is well. There seems to be no method to the madness :) Screenshots of issue are attached.
I recently upgraded from the 7.x-3.x-dev version, which I was experiencing the same issue with.
I have Views 7.x-3.0-alpha1, Chaos Tools 7.x-1.0-alpha2, Libraries 7.x-1.0
The issue is not occurring in any other browsers we are supporting (IE7, Chrome, FireFox, Opera, Safari).
Any help would be greatly appreciated!
Kirk
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | firstslide.png | 81.43 KB | mostoneskin |
| #5 | secondslide.png | 5.59 KB | mostoneskin |
| views_slideshow_ie_error_38.png | 231.34 KB | kirkofalltrades | |
| views_slideshow_ie_error_11.png | 130.72 KB | kirkofalltrades |
Comments
Comment #1
redndahead commentedUnder Action Advanced Options turn on "Wait for all images to load"
See if that helps.
Comment #2
kirkofalltrades commentedSorry for the delay, I keep pretty busy with all this Drupal stuff :)
I checked the options and the 'View Action Advanced Options' was not checked. However, when I clicked it the 'Wait for all the slide images to load' option was already checked. Not sure if it was active or not before (I'm confused by the 'View Action Advanced Options' option.. is it just to view the options or to activate them?)
In any case, it doesn't seem to matter. I had the same problem after ensuring the option was checked and clearing the cache a couple times for good measure. I also had an issue where the slideshow didn't start and the controls were not responding (could not move to other slides). This is still only occurring in IE8.
Would really appreciate any other insight.
Kirk
Comment #3
redndahead commentedmoving it to dev and marking active so I will know to look at it.
Comment #4
mostoneskin commentedI've got a similar issue.
Drupal 7.9, Views Slideshow 7.x-3.0.
In this case I've got "Wait for all images to load" checked, and also the setting that tells the slide window to fit the largest slide.
All my images are scaled to 200x165.
First slide looks fine, but all following slides are barely viewable - either the image is not scaled properly on IE8 (I'm told here - http://drupal.org/node/1335648 - that the scaling occurs on the server so this is unlikely) - or for some reason the slide window's sizing logic is falling over , but only in IE8. IE7 is fine, as are other major browsers.
I raised it here - http://drupal.org/node/1335648 - but maybe it is a Views Slideshow issue.
Comment #5
mostoneskin commentedCouple of images to illustrate. The problem goes away when running IE8 in compatability mode. If this is IE8 behaving oddly any ideas on how I can get round it - css/ js or otherwise?
Comment #6
mostoneskin commentedRight, I can "fix" this in IE8 with the following piece of skullduggery:
I can only do this because a) this is a one-page site, very simple and b) I know that all views (just one) need to be this size.
However there is a flicker in IE8 as it tries to be small then adjusts. Or something. This will do for the near future, but if there's any more info I can give to help sort this please ask.
Comment #7
tuthanh commentedSubscribed
Comment #8
asb commentedI'm having this issue with occasional incomplete images for years with the 2.x branch (I'm not using this commercially, so never bothered to onvestigate further). However, th problem described and illustrated in the initial report is neither new in the 3.x branch, nor specific to Drupal 7 or Views 3.
Comment #9
thinkdrupal commentedNone of my images will show when using IE8. It works when in Compatibility View mode. It also works in Chrome, Safari, FF. I'm using Views Slideshow version 7.x-3.0. Any movement on this issue?
Additional note: I have another site in which i'm using a different theme. ViewsSlide show works when using IE8 for that theme (Marinelli). The theme I'm using for the site where it is not working with IE8 is Pixture Reloaded(sub-theme of Adaptive Theme). Not sure...but looks like it may be some sort of CSS/CSS3 issue.
Comment #10
zawaka commentedThe css solution posted by mostoneskin worked great for me after I added an overflow:visible to the rule. I thought I may turn out useful to someone, it looks like this:
Comment #11
willkaxu commentedYour suggestion works for me. Thanks!
Comment #12
pxlr commentedI had originally just tried setting the height and width on .views-row (and every other div in the block as well) and it didn't work. Adding overflow:visible; along with height and width, just on .views-row, worked perfectly. Thank you!
Comment #13
illutek commentedYour suggestion works for me to. Thanks! Views slideshow 7.x-3.0
Comment #14
leliem commentedSame thing here. It works with real browsers (like FF, Opera, etc.) and even with IE7 and IE9. Only on IE8 it doesn't.
However, that workaround works for me too. It's a bit ugly to have to add a similar style for each slideshow and also that the images have to be exact the same size.
But at least it works now...
Comment #15
nickdickinsonwilde