[swiper4.0]自动轮播+循环轮播

1、点击导致自动轮播停止:

autoplay: {
  disableOnInteraction: false, //手动滑动之后不打断播放
  delay: 2000
},

2、循环轮播(需要继续左滑至第一张,非返回第一张)
条件:需要在html和图片加载完之后进行swiper初始化;

var swiper = new Swiper(".swiper-container", {
                loop: true,
                slidesPerView: "auto",
                // loopedSlides: _this.bannerList.length,
                speed: 300,
                autoplay: {
                  disableOnInteraction: false, //手动滑动之后不打断播放
                  delay: 2000
                },
                observer: true, //监听,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。
                pagination: {
                  el: ".swiper-pagination"
                }
              });

问题:会产生空白页(由于懒加载,去掉图片的懒加载就好了)。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 16,675评论 4 61
  • 男人和女人都在感叹做人难,相处难,不自由。 人类进化到今日,男与女,早已不仅是生物学属性的性别定义,越来越多的社会...
    同_昕阅读 432评论 0 3
  • 经常羡慕周围某些同学,心情不好的时候,来一场说走就走的旅行。与山为伴,与水比邻,抛却一切烦恼,涤尽所有尘埃。 ...
    云梦归鸿阅读 905评论 0 2
  • 每天坚持学习, 坚持阅读,坚持充电, 日复一日年复一年, 我不是强迫症,但是我很高兴,学习了多的知识我才休息的好!...
    萌萌哒你好阅读 241评论 0 0

友情链接更多精彩内容