swiper 左右切换,获取当前页数

最新推荐文章于 2023-12-08 20:32:12 发布

原创最新推荐文章于 2023-12-08 20:32:12 发布 · 4.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用Swiper组件实现动态轮播图效果，包括HTML结构设置、JavaScript初始化参数及事件监听等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页是动态创建的这里就不写上了

<div class="swiper-container" style="z-index: 99999;">
<div class="swiper-wrapper" id="ny_slide"></div>
<div class="swiper-pagination"></div>
</div>

var swiper = new Swiper('.swiper-container', {
paginationClickable: true,
observer: true,
observeParents: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
on: {
slideChangeTransitionEnd: function() {

//this.activeIndex 当前下标
var x = 0;
Right_box_first(this.activeIndex * 10, 10);
}
}
});