Slideshow images fail to load completely (partially load) in IE8 [#1102982]

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

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

redndahead CreditAttribution: redndahead commented 26 March 2011 at 15:23

Status:

Active

» Postponed (maintainer needs more info)

Under Action Advanced Options turn on "Wait for all images to load"

See if that helps.

Comment #2

kirkofalltrades CreditAttribution: kirkofalltrades commented 4 April 2011 at 22:11

Sorry 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 CreditAttribution: redndahead commented 5 June 2011 at 23:22

Version:	7.x-3.0-alpha1	» 7.x-3.x-dev
Status:	Postponed (maintainer needs more info)	» Active

moving it to dev and marking active so I will know to look at it.

Comment #4

mostoneskin CreditAttribution: mostoneskin commented 9 November 2011 at 09:31

I'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 CreditAttribution: mostoneskin commented 9 November 2011 at 19:17

File	Size
secondslide.png	5.59 KB
firstslide.png	81.43 KB

Couple 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 CreditAttribution: mostoneskin commented 10 November 2011 at 19:03

Right, I can "fix" this in IE8 with the following piece of skullduggery:

.views-row {
 width:220px;
 height:165px;
}

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 CreditAttribution: tuthanh commented 11 November 2011 at 09:30

Subscribed

Comment #8

asb CreditAttribution: asb commented 3 December 2011 at 15:07

I'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 CreditAttribution: thinkdrupal commented 13 January 2012 at 14:43

None 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 CreditAttribution: zawaka commented 7 June 2012 at 04:25

The 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:

#views_slideshow_cycle_main_homeslideshow-block .views-row {
 width:938px;
 height:368px;
 overflow:visible;
}

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...