Question

I’m attempting to implement a jQuery Slideshow that fades each image in and out and there are controls to scroll to the next or previous image. I’m working off this tutorial right now and I was wondering how I’d go about appending each image to the end of the slideshow so when the slideshow reaches the end it doesn’t scroll all the way back to the first image but it just continuously goes though them.

Thanks in advance!

Sean

Answer 1

Got it.

$('#previous').click(function() {
                    $('#slideshow img:first').fadeOut(1000).prev().fadeIn(1000).end().appendTo('#slideshow');
                });

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