jQuery创意焦点轮播图切换插件 两侧图片模糊效果

92建站   2020-07-27   收藏本文

这款jQuery创意焦点轮播图切换插件,带有非当前预览图片两侧图片模糊效果,支持鼠标拖动和手机移动端触屏滑动切换。

js代码

<script src='js/slick.min.js'></script>
<script type="text/javascript">
$(".project-detail").slick({
slidesToShow: 1,
arrows: false,
asNavFor: '.project-strip',
autoplay: true,
autoplaySpeed: 3000
});
 
$(".project-strip").slick({
slidesToShow: 5,
slidesToScroll: 1,
arrows: false,
asNavFor: '.project-detail',
dots: false,
infinite: true,
centerMode: true,
focusOnSelect: true
});

模糊效果轮播图

TAG标签:模糊效果轮播图
免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开