Swiper 切换时间修改|swiper点击切换|拖动切换后继续自动轮播

HTML结构

举例:

修改切换时间

在Swiper 3.4.2.js文件中搜索speed,修改时间即可

实例:

Slide 1
Slide 2
Slide 3
Slide 4
Swiper.js设置

var banner = new Swiper('.swiper-banner', {
//分页,多个分页可以使用不同的class名

pagination: '.swiper-pagination-banner',

//点击切换

paginationClickable: true,

//自动播放时间

autoplay:5000,

//切换速度,即slider自动滑动开始到结束的时间(单位ms),也是触摸滑动时释放至贴合的时间。

speed:2000,

//复制slide,看起来是循环的

loop:true,

//用户操作swiper之后,是否禁止autoplay.默认为true:停止。

autoplayDisableOnInteraction:false,

//拖动释放时不会输出信息,阻止click冒泡。拖动Swiper时阻止click事件。

preventlinksPropagation:true

});

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

于飞SEO

如果对你有帮助,就是我的动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值