扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
var mySwiper = new Swiper('.swiper-container', {
autoplay: {
disableOnInteraction: false,
delay: 2500,
},
preventLinksPropagation: false, // 阻止点击事件冒泡
speed: 500,
loop: true,
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
onSlideChangeEnd: function (swiper) { // pagination BUG
var activeIndex = swiper.activeIndex;
$('.swiper-pagination')
.find('span')
.eq(activeIndex)
.addClass('swiper-pagination-bullet-active')
.siblings()
.removeClass('swiper-pagination-bullet-active');
}
});
// 鼠标移入停止自动滚动
$('.swiper-slide').mouseenter(function() {
mySwiper.autoplay.stop();
})
// 鼠标移出开始自动滚动
$('.swiper-slide').mouseleave(function() {
mySwiper.autoplay.start();
})
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网