<link type="text/css" rel="stylesheet" href="./../source/css/jquery.Kslider.css" />

<script type="text/javascript" src="./../source/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="./../source/js/jquery.Kslider-1.2.js"></script>

	<div id="demo" class="slider">
		<ul>				
			<li><a href=""><img src="./../source/images/01.jpg" /></a></li>
			<li><a href=""><img src="./../source/images/02.jpg" /></a></li>
			<li><a href=""><img src="./../source/images/03.jpg" /></a></li>
			<li><a href=""><img src="./../source/images/04.jpg" /></a></li>
		</ul>
		
		
		<div class="controls">
			<span class="sliderBtn prevBtn"></span>
			<span class="sliderBtn nextBtn"></span>
			<div class="paginator"></div>
		</div>
	</div>

$(function(){
  $("#demo").Kslider();
});

autoPlay        :        0
delays          :        4000
widthVal        :        800
heightVal       :        300
effect          :	     'horizontal'  // horizontal、vertical、fade、none