HTML

<div id="slides">
  <img src="images/pic1.jpg">
  <img src="images/pic2.jpg">
  <img src="images/pic3.jpg">
</div>


CSS

#slides {
	width:434px;
	height:600px;
	position:relative; 
}

#slides img { 
	position:absolute; 
	left:0; 
	top:0; 

	-webkit-animation: slide 2s infinite;
           animation: slide 10s infinite;
}


JQUERY (paste into head of code)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!--Thank you, snook.ca | https://snook.ca/archives/javascript/simplest-jquery-slideshow-->

<script>
$(function(){
	$('#slides img:gt(0)').hide();
	setInterval(function(){$('#slides :first-child').fadeOut().next('img').fadeIn().end().appendTo('#slides');}, 3000);
});
</script>