<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.3.js"></script>

<script type='text/javascript'>
$(window).load(function(){
function switchImage(){
    $('#images img:visible').fadeOut(function(){
        $(this).next().length ? $(this).next().fadeIn() : $('#images img').eq(0).fadeIn();
    });
};
$('#images img').hide().eq(0).show(); // show only the first image
setInterval(switchImage, 2000);
});
</script>

</head>
	<body>
		<div id="images">    
		    <img src="img/1.jpg" width="100%"/>
		    <img src="img/2.jpg" width="100%"/>
		    <img src="img/3.jpg" width="100%"/>
			<img src="img/4.jpg" width="100%"/>
		</div>
	</body>
</html>