Slick.js 是一个流行的响应式轮播插件，可以轻松地创建美观的轮播效果。
官方网站：https://kenwheeler.github.io/slick/
GitHub 页面：https://github.com/kenwheeler/slick/
CDN：https://cdnjs.com/libraries/slick-carousel
基本使用：
引入 CSS 和 JS 文件：
<link rel=“stylesheet” type=“text/css” href=“slick.css”/>
<link rel=“stylesheet” type=“text/css” href=“slick-theme.css”/>
<script type=“text/javascript” src=“jquery.js”></script>
<script type=“text/javascript” src=“slick.min.js”></script>
HTML 代码：
<div class=“slick”>
<div><img src=“img1.jpg”></div>
<div><img src=“img2.jpg”></div>
<div><img src=“img3.jpg”></div>
</div>
JavaScript 代码：
$(‘.slick’).slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
adaptiveHeight: true
});
配置选项：
accessibility：是否开启可访问性（默认为 true）
adaptiveHeight：是否根据内容调整高度（默认为 false）
autoplay：是否自动播放（默认为 false）
autoplaySpeed：自动播放速度（默认为 3000）
arrows：是否显示箭头导航（默认为 true）
asNavFor：关联其他 Slick 对象的选择器
centerMode：是否启用中心模式（默认为 false）
centerPadding：中心模式的间距（默认为 ’50px’）
cssEase：CSS 过渡效果名称（默认为 ‘ease’）
customPaging：自定义导航点的生成函数
dots：是否显示导航点（默认为 false）
draggable：是否可拖动（默认为 true）
fade：是否使用淡入淡出效果（默认为 false）
focusOnSelect：是否选中后自动聚焦（默认为 false）
easing：过渡效果函数名称（默认为 ‘linear’）
edgeFriction：边缘摩擦力（默认为 0.15）
infinite：是否无限循环（默认为 true）
initialSlide：初始显示的幻灯片索引（默认为 0）
lazyLoad：是否启用图片懒加载（默认为 ‘ondemand’）
mobileFirst：是否优先适配移动端（默认为 false）
pauseOnFocus：是否在焦点上停止自动播放（默认为 true）
pauseOnHover：是否在鼠标悬停时停止自动播放（默认为 true）
pauseOnDotsHover：是否在导航点悬停时停止自动播放（默认为 false）
respondTo：响应式布局的选择器
responsive：响应式布局配置
rows：设置显示多行幻灯片（默认为 1）
rtl：是否从右到左播放（默认为 false）
slide：指定滑动项的选择器，默认为 ‘div’
slidesPerRow：每行显示多少幻灯片（默认为 1）
slidesToShow：显示多少幻灯片（默认为 1）
slidesToScroll：每次滚动多少幻灯片（默认为 1）
speed：滚动速度（默认为 300）
swipe：是否支持触摸滑动（默认为 true）
swipeToSlide：是否支持滑动到指定幻灯片（默认为 false）
touchMove：是否支持鼠标拖动（默认为 true）
touchThreshold：触摸距离阈值（默认为 5）
useCSS：是否使用 CSS3 过渡效果（默认为 true）
useTransform：是否使用 CSS3 transform（默认为 true）
variableWidth：是否根据内容调整幻灯片宽度（默认为 false）
vertical：是否垂直滚动（默认为 false）
verticalSwiping：是否支持垂直滑动（默认为 false）
waitForAnimate：是否等待滚动完成后才能进行下一次滚动（默认为 true）
zIndex：层级（默认为 1000）
方法：
slick：初始化 Slick 对象
slickAdd：添加一个幻灯片
slickCurrentSlide：获取当前显示的幻灯片索引
slickFilter：筛选幻灯片
slickGetOption：获取指定选项的值
slickGoTo：跳转到指定的幻灯片
slickNext：滚动到下一个幻灯片
slickPause：暂停自动播放
slickPlay：开始自动播放
slickPrev：滚动到上一个幻灯片
slickRemove：删除一个幻灯片
slickSetOption：设置指定选项的值
slickUnfilter：取消筛选幻灯片
事件：
afterChange：切换幻灯片后触发
beforeChange：切换幻灯片前触发
breakpoint：切换到响应式布局后触发
destroy：销毁 Slick 对象时触发
edge：滚动到边缘时触发
init：初始化 Slick 对象时触发
reInit：重新初始化 Slick 对象时触发
setPosition：设置幻灯片位置时触发
swipe：滑动时触发