swiper carousel模式 图片滚动效果
  • 分享到微信朋友圈
    X

Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

主要js

<script>
    var swiper = new Swiper('.swiper-container', {
        //此参数设置为true时,点击分页器的指示点分页器会控制Swiper切换。
        paginationClickable: true,
        //设置slider容器能够同时显示的slides数量(carousel模式)。
        slidesPerView: 4,
        //true 为loop模式生效。
        loop: true,
        //slide之间的距离(单位px)。
        spaceBetween: 0,
        //过渡延迟时间(单位ms)
        autoplay: 3500,
        //autoplayDisableOnInteraction用于控制用户交互后是否停止自动轮播。false为交互后自动播放
        autoplayDisableOnInteraction: false
    }); 
</script>