Simple Slider using jQuery

This is a simple image slider using pure jQuery

by Roberto Apasajja

HTML

<div id="slide">
		<img src="http://2.bp.blogspot.com/-2_9NXkdqENU/UXtwKos6UNI/AAAAAAAACMQ/us31xZQGCYI/s400/brandzone_header_etude.jpg">
        <img src="http://3.bp.blogspot.com/-IbTSONeIvis/UXv8UOEQ27I/AAAAAAAAPQI/vLTdOVr85wo/s400/hdr_italycollection_0411.jpg">
        <img src="http://2.bp.blogspot.com/_l_YxSlbIV4A/TMAPA2e4wGI/AAAAAAAABGE/QiEx8UjDg4A/s400/001.jpg">
</div>
ddddddddddddddddd

CSS

#slide{
	position: relative;
	width:400px;
	height:140px;
}
#slide img{
	position: absolute
}

JavaScript

$(function(){
	$('#slide img').hide().filter(':first').show();
	setInterval(slideshow, 2000);
});

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