学习网站：http://kenwheeler.github.io/slick/

演示网站：http://www.dowebok.com/demo/2014/84/

注意事项：http://www.jianshu.com/p/739f4e50e247

插件依赖于jQuery，请提前引入

插件优势：较swiper更轻量化，html结构与配置更简单，兼容性更强

资源引入

<link rel="stylesheet" type="text/css" href="http://p.iwanshang.com/static/slick/1.6.0/slick.css" />
<script type="text/javascript" src="http://p.iwanshang.com/static/slick/1.6.0/slick.min.js"></script>

HTML结构

<div class="slick">    
	<div><img src="1.jpg" alt=""></div>    
	<div><img src="2.jpg" alt=""></div>    
	<div><img src="3.jpg" alt=""></div>    
	<div><img src="4.jpg" alt=""></div>    
	<div><img src="5.jpg" alt=""></div>    
</div>

代码初始化

<script>    
$(function(){    
	$('.slick').slick({    
		dots: true    
	});    
});    
</script>