responsive slider css + jquery

responsive.css

#slideshow {
    width: 100%;
    position: relative;
    }

img {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 600px;
    height: auto;
    position: absolute;
    }

responsive.html

<div id="slideshow">
  <img src="1.jpg" />
  <img src="2.jpg" />
  <img src="3.jpg" />
</div>

responsive.js

$(function () {
	// Simplest jQuery slideshow by Jonathan Snook
	$('#slideshow img:gt(0)').hide();
	setInterval(function () {
		$('#slideshow :first-child').fadeOut(1000)
			.next('img').fadeIn(1000).end().appendTo('#slideshow');
	}, 4000);
});