登录 用户中心() [退出] 后台管理 注册
   
您的位置: 首页 >> SoftHub关联区 >> 主题: swiper自动播放不起作用的解决     [回主站]     [分站链接]
swiper自动播放不起作用的解决
clq
浏览(383) - 2018-06-05 19:46:17 发表 编辑

关键字: swiper

[2018-06-05 19:48:12 最后更新]
swiper自动播放不起作用的解决

例如网上这样的代码,其实在现在的版本是运行不起来的

<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal',
        loop: true,

        // 如果需要分页器
        pagination: '.swiper-pagination',

        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        autoplay : 1000,
        speed:100,
        // 如果需要滚动条
//         scrollbar: '.swiper-scrollbar',
        effect : 'coverflow',
        slidesPerView: 3,
        centeredSlides: true,
        coverflow: {
            rotate: 30,
            stretch: 10,
            depth: 60,
            modifier: 2,
            slideShadows : true
        }
    })
</script>

clq  2018-06-05 19:48:12 发表 编辑

原因是现在自动播放的代码和其他属性不是平级的,要另外写一个,例如

      //自动播放的关键
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
     
--------------------------------------------------
    var galleryTop = new Swiper('.gallery-top', {
      spaceBetween: 10,
      loop:true,
      loopedSlides: 5, //looped slides should be the same
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
     
      //自动播放的关键
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
     
    });




总数:1 页次:1/1 首页 尾页  
总数:1 页次:1/1 首页 尾页  


所在合集/目录



发表评论:
文本/html模式切换 插入图片 文本/html模式切换


附件:



NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.

Copyright © 2005-2020 clq, All Rights Reserved
版权所有
桂ICP备15002303号-1