轮播插件Slick.js使用方法详解

Slick/Slick.js使用方法(个人总结)/Slick.js介绍

相比于Swiper而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅

官方参数介绍：官方地址

参数	类型	默认值	描述
accessibility	布尔值	TRUE	启用Tab键和箭头键导航
adaptiveHeight	布尔值	FALSE	为单滑块水平轮播启用自适应高度。
autoplay	布尔值	FALSE	启用自动播放
autoplaySpeed	数值	3000	自动播放速度(以毫秒为单位)
arrows	布尔值	TRUE	上一个/下一个箭头
asNavFor	字符串	null	将滑块设置为其他滑块的导航(类或ID名称)
appendArrows	字符串	$(element)	更改导航箭头的附加位置(选择器，htmlString，数组，元素，jQuery对象)
appendDots	字符串	$(element)	更改导航点的附加位置(选择器，htmlString，数组，元素，jQuery对象)
prevArrow	代码段/element	<button class="slick-prev" aria-label="Previous" type="button">Previous</button> /$('.prev-next .prev')	允许您选择节点或为“上一个”箭头自定义HTML
nextArrow	代码段/element	<button class="slick-next" aria-label="Next" type="button">Next</button> /$('.prev-next .next')	允许您选择节点或为“下一步”箭头自定义HTML。
centerMode	布尔值	FALSE	通过部分上一张/下一张幻灯片启用居中视图。与奇数的slidesToShow计数一起使用。
centerPadding	字符串	'50px'	处于中心模式时的侧面填充(像素或％)
cssEase	字符串	'ease'	CSS3动画缓动
customPaging	function	n/a	自定义分页模板
dots	布尔值	FALSE	显示圆点指示器