FlexSlider 2

<script src="style/js/jquery.flexslider-min.js"></script>
<script src="style/js/scripts.js"></script>
<link rel="stylesheet" href="style/css/flexslider.css" media="screen" />
 
<section class="slider">
	<div class="flexslider">
		<ul class="slides">
			<li><img src="style/images/slider-1.jpg" /></li>
			<li><img src="style/images/slider-2.jpg" /></li>
			<li><img src="style/images/slider-3.jpg" /></li>
			<li><img src="style/images/slider-4.jpg" /></li>
		</ul>
	</div>
</section>
 
 
/* In scripts.js */
 
$(function() {
  	$('.flexslider').flexslider({
    	animation: "slide"
  	});	
});