Nearby images with opacity in Google Chrome 21

ourdesigns's Avatar


21 Aug, 2012 06:49 AM

Here is a link to a test file:

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 Dmytro Semenov on 21 Aug, 2012 08:31 AM

    Dmytro Semenov's Avatar


    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:

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


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

    ourdesigns's Avatar

    Thank you very much!

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


? 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