Simple Slider using jQuery

This is a simple image slider using pure jQuery

by Fayaz Ahmed

HTML

<ul id="slider">
	<li>		
		<p>Alter Apfelbaum</p>
	</li>
	<li>    	
    	<p>Ruth St Flowers-191</p>
	</li>
	<li>    	
    	<p>Canada Close In.</p>
	</li>
</ul>

JavaScript

$(function(){
	$('#slider li').hide().filter(':first').show();
	setInterval(slideshow, 3000);
});

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