在接口回调成功后添加定时及部分参数,解决轮播模块不自动刷新,不能无限循环
setTimeout(()=>{
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 0,
initialSlide :1,
autoplay: true,
centeredSlides: true,
slidesOffsetBefore : -25,
loop: true,
observer:true,
observeParents:true,
autoplay: {
disableOnInteraction: false, //手动滑动之后不打断播放
delay: 2000
},
// spaceBetween : 20, //轮播图之间的距离
onSlideChangeEnd: function(swiper){
swiper.update();
swiper.startAutoplay();
swiper.reLoop();
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
},0)
for (var i=0; i<data.length+6; i++) {
console.log(data[i].url)
$('#swiid').append(`<div class="swiper-slide">
<img src="${img}" class="lbtimg" alt="">
<img src="img/img.png" alt="" class="botimg">
</div>`);
}