Question

I’m having an issue with my jQuery slideshow and I can’t seem to figure it out. During the transition of images the slideshow will flash white instead of nicely fading into the next picture. I believe it has something to do with the following lines of code:

$('#slideshow img:first').fadeOut(1000).next().fadeIn(1000).end().appendTo('#slideshow');

Clicking the previous and next buttons cause the same issue.

Here’s a jsFiddle of the slideshow.

Thanks!

Answer 1

you have to show the next image before you start fading out the current one, also you have to do this at the same time, just replace the fadeIn(1000) of the .next() image to show(), like this http://jsfiddle.net/nyXUt/6/