1、引入文件
<link rel="stylesheet" href="css/slick.css"> <script src="js/jquery.min.js"></script> <script src="js/slick.min.js"></script>
2、使用方法
$('.slider').slick({
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider',
centerMode: true,
focusOnSelect: true
});其中$('.slider')为轮播大图包围容器,$('.slider-nav')为缩略图包围容器。
项目主页:http://kenwheeler.github.io/slick/
GitHub地址:https://github.com/kenwheeler/slick/