一个html页面多个轮播图,swiper在一个页面多个轮播图

var swiper = new Swiper(‘.swiper-container1‘, {

spaceBetween: 30,

centeredSlides: true,

autoplay: {

delay: 2500,

disableOnInteraction: false,

},

pagination: {

el: ‘.swiper-pagination1‘,

clickable: true,

},

navigation: {

nextEl: ‘.swiper-button-next‘,

prevEl: ‘.swiper-button-prev‘,

},

});

var swiper2 = new Swiper(‘.swiper-container2‘, {

slidesPerView: 4,

spaceBetween: 30,

slidesPerGroup: 4,

loop: true,

autoplay: {

delay: 2500,

disableOnInteraction: false,

},

loopFillGroupWithBlank: true,

pagination: {

el: ‘.swiper-pagination2‘,

clickable: true,

},

navigation: {

nextEl: ‘.swiper-button-next‘,

prevEl: ‘.swiper-button-prev‘,

},

});

注意： 千万不要直接更改swiper-container 应该在后面加上所起的名称

height="328px">

height="328px">

height="328px">

height="328px">