账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用swiper插件,设置slideTo之后,会阻止autoplay,怎么让他跳转后继续播放
    38
    0

    使用swiper插件,设置slideTo之后,从第五页自动跳转到第一页,跳转完成后会阻止autoplay,怎么让他跳转后继续播放

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 说好了再见 普通会员 1楼

      Swiper插件本身并不会直接实现页面跳转后继续播放,但是你可以通过设置分页参数来实现这一点。

      首先,你需要在Swiper的配置文件中添加分页参数。例如:

      ```javascript // 参数1 var params = { // 参数2 };

      // 参数3 var owl = new Owl('.owl-container', { autoPlay: false, slideTo: 'next', delay: 5000, startAt: 1, autoPlaySpeed: 1000, container: '.owl-container', arrows: false, mouseDrag: false, mousewheel: false, loop: false, slideDirection: 'horizontal', preventClicks: true }); ```

      在这个例子中,我们设置了autoPlay参数为false,这将阻止autoplay。同时,我们还设置了slideTo参数为'next',这意味着当用户点击当前页面的某个 slide 时,它将跳转到下一个 slide。我们还设置了delay参数为5000,这意味着用户需要等待5秒才能开始播放新的 slide。

      然后,你需要在你的应用中监听owl对象的slideTo事件,然后在切换到下一个 slide 时,调用你的方法来继续播放。例如:

      javascript // 当用户点击当前 slide 时,播放下一个 slide owl.on('slideTo', function (e) { if (this.active) { this.next(); } });

      这样,当用户点击当前 slide 时,将会跳转到下一个 slide,然后你的方法将会被调用,继续播放新的 slide。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部