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

Comments

Comment #1

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 commented 21 February 2013 at 16:08

Status	File	Size
new	Slideshow as it appears in Chrome	8.99 KB
new	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.