I’m using JJ NextGen jQuery Slider, one of my go-to slideshow plugins for WordPress. I don’t notice this issue normally, but today when I added the images I noticed there was a brief flash of each image before the transition effect; this was happening in Chrome. After looking around a bit I found a CSS suggestion that seems to work:
1 2 3 4 5 6 7 8 |
#home-slider { position:relative; background: url(../../plugins/jj-nextgen-jquery-slider/images/loading.gif) no-repeat 50% 50%; } #home-slider img { position:absolute; display:none; } |
Here’s the original post.
Thanks for this little titbit – the flashing was driving me crazy 😉
Thanks for the sharing , unfortunately it doesn’t work for me..
May I know what exactly the loading.gif is? Does it have to be a specific gif image , or just anything else?
Thank you.
The loading.gif I mentioned came with the JJ NextGen Query Slider plugin, you can probably use any animated gif. But I’ll let you know I tried an excellent new NextGen-connected slider last week and will be using it now instead of the much older JJ: http://wordpress.org/plugins/nextgen-nivoslider/.
I’m not noticing that Flash issue with this one, maybe it’s a non-issue for Chrome now?
Thanks Debbie.
I’ll definitely try the NextGen slider
Thank you.
So this didn’t work for me either.. then I realized my image tags had the wrong height. I changed the height in the image tags to match the slider container and BOOM! Everything was fixed.
Hope this helps someone.