Monday, October 25, 2010

simple jQuery slideshow: simple jquery code

Thanks to http://azoomer.com/how-to-make-a-simple-jquery-slideshow/
$(window).load(function() {
setInterval(function() {
$('#slides :nth-child(1)').next().show().end().fadeOut(1200).appendTo('#slides');
} , 5400);
});



#slides { position: relative; width: 600px; height: 400px;}
#slides img { position: absolute; left: 0; top: 0; display: none;}
#slides img.firstslide { display: block;}



image 1
image 2
image 3
image 4
image 5


Here is a link to a DEMO of the slideshow

1 comment: