Slideshow does not load properly in Chrome [#1785946]

I have a views slideshow with the thumbnails on the right hand side and as you hover over them the main slide changes. It all works perfectly, in Firefox and IE7 and IE9, but in Chrome only the thumbnails show up. On refresh the whole thing shows briefly before just the thumbs show.
Using Adaptive Sky subtheme and the slideshow block is within a mini panel in the secondary content region.

Comment	File	Size	Author
#2	Screen shot 2013-02-21 at 8.46.30 AM.png	14.74 KB	jacquelynfisher
#2	Screen shot 2013-02-21 at 8.46.54 AM.png	8.99 KB	jacquelynfisher

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

doncheks CreditAttribution: doncheks commented 13 December 2012 at 17:38

Try putting your slide-show content into the main content region and see if it works.This seems to be a problem with chrome.

Comment #2

jacquelynfisher CreditAttribution: jacquelynfisher commented 21 February 2013 at 16:08

File	Size
Slideshow as it appears in Chrome	8.99 KB
Slideshow as it is supposed to look (works in Firefox and Safari)	14.74 KB

I suspect an issue I noticed today may be related. A slideshow that I'm building displays properly in Firefox and Safari, but in Chrome the image/banner area was shrunk to almost non-existence. (See attached.)

I fixed my problem by setting a width in the CSS.

.home-slideshow { /* the class to target the entire slideshow. This was a class I assigned in the markup.  */
       width:800px; 
}

That remedied my Chrome problem. I use @media queries to target the .views-slideshow-cycle-main-frame and shrink the image at breakpoints for tablets and mobile devices.