slick：几乎实现了所有效果的幻灯轮播图插件库

现在几乎每个网站的主页都离不开轮播图展示，比如淘宝京东首页的商品展示、企业官网的产品介绍等等。一个效果非常好的轮播图会让人眼前一亮，增加点进去的欲望，相信每个前端小伙伴做过的项目里都有轮播图需求，有的可能会自己造轮子，但每次需求改变就会重新设计样式，这很让人头大。今天给大家介绍的这个样式库几乎内置了现在市面上所有的轮播样式，直接引用就能实现华丽的效果。

• 单图

• 多图

• 响应式

• 可变宽度

• 自适应高度

• 中心模式

• 延迟加载

• 自动播放

• 滑块同步

使用方法：

1.添加<div>标签

<div class="your-class">

<div>your content</div>

<div>your content</div>

<div>your content</div>

</div>

2.将slick文件夹导入到你的项目

3.引入slick.css文件

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>


<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

4.添加 slick.js文件

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript" src="slick/slick.min.js"></script>

5.初始化

$(document).ready(function(){

$('.your-class').slick({

setting-name: setting-value

});

});

演示地址+项目地址