查看: 2261|回复: 3
打印 上一主题 下一主题

swiper轮播图问题?

[复制链接]
  • TA的每日心情

    2019-4-17 11:51
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    5

    帖子

    19

    积分

    新手上路

    Rank: 1

    积分
    19
    跳转到指定楼层
    楼主
    发表于 2017-7-13 09:38:36 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
    用手操作让它滚动后,它就不自动滚动了,不知道为什么,求解答,谢谢!
    这是html:
    1. <div class="swiper-container swiper-container-horizontal">
    2.     <div class="swiper-wrapper">
    3.         <div class="swiper-slide"><img src="/images/map4.jpg"></div>
    4.        <div class="swiper-slide"><img src="/images/map2.jpg"></div>
    5.        <div class="swiper-slide"><img src="/images/map3.jpg"></div>
    6.        <div class="swiper-slide"><img src="/images/map1.jpg"></div>
    7.     </div>
    8.     <div class="swiper-pagination"></div>
    9.         </div>
    复制代码
    这是js:
    1. var mySwiper = new Swiper('.swiper-container', {
    2.                 pagination: '.swiper-pagination',
    3.                 autoplay: 3000
    4.             })
    复制代码


    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    6

    帖子

    507

    积分

    高级会员

    Rank: 4

    积分
    507
    地板
    发表于 2017-7-15 11:19:01 | 只看该作者
    autoplayDisableOnInteraction
    用户操作swiper之后,是否禁止autoplay。默认为true:停止。
    如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
    操作包括触碰,拖动,点击pagination等。
    <script>
    var mySwiper = new Swiper('.swiper-container',{
    autoplay : 5000,
    autoplayDisableOnInteraction : false,
    })
    </script>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2017-7-11 10:34
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    6

    帖子

    14

    积分

    新手上路

    Rank: 1

    积分
    14
    板凳
    发表于 2017-7-13 11:30:25 | 只看该作者
    js代码里加上autoplayDisableOnInteraction: false,试试
    这个是设置点击过导航器或分页器以后继续执行autoplay,属性设置为true那么就会停止自动切换,默认是true
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2019-4-17 11:51
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    5

    帖子

    19

    积分

    新手上路

    Rank: 1

    积分
    19
    沙发
     楼主| 发表于 2017-7-13 10:42:01 | 只看该作者
    加上:
    1. autoplayDisableOnInteraction: false
    复制代码

    autoplayDisableOnInteraction
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-24 08:03 , Processed in 0.068049 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表