Nearby images with opacity in Google Chrome 21

ourdesigns's Avatar

ourdesigns

21 Aug, 2012 06:49 AM

Here is a link to a test file:
http://bit.ly/NWNFpA

This slider works great on a Mac using Safari, Opera and Firefox. With Chrome only, I see images appear to the left and right of the slider on a 30" monitor. The images appear when opening the page and when sliding images, then disappear until the slider is activated. The images have some transparency and there is an area of about 1" to the left and right of the slider where the images do not appear, thus, if the browser window is slightly larger than the slider, then the images are not seen. Again, this is only happening with Google Chrome.
Any suggestions? Thank you.

  1. Support Staff 1 Posted by Dmitry Semenov on 21 Aug, 2012 08:31 AM

    Dmitry Semenov's Avatar

    Hi,

    This is Chrome 21 bug related to opacity, I already submitted issue and they fixed it. Fixed version will be in 22nd version of chrome. More info here: https://code.google.com/p/chromium/issues/detail?id=140033

    If you want to fix it now, remove opacity from images.

    Also important, If you're adding CSS3 transition to slides (for fading in and zooming), fadeInLoadedSlide should be set to false to avoid conflicts (and 'jumping' animation).

    Dmitry

  2. 2 Posted by ourdesigns on 21 Aug, 2012 03:28 PM

    ourdesigns's Avatar

    Thank you very much!

  3. Dmitry Semenov closed this discussion on 21 Aug, 2012 05:18 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac