Swiper中文论坛

标题: slidesPerGroup更新 [打印本页]

作者: jiay 时间: 2017-4-27 11:16
标题: slidesPerGroup更新
需要在RESIZE的时候更新slidesPerGroup的数量可以实现吗？

作者: 865874387 时间: 2017-5-10 16:19
楼下留名！

作者: gongshunkai 时间: 2018-9-10 11:08
可以实现的
var slidesPerGroup = function(){
if($(this).outerWidth(true) > 1200 || $(this).outerWidth(true) > 992)
return 4;
else if($(this).outerWidth(true) > 768)
return 3;
else if($(this).outerWidth(true) < 768)
return 2;
};

var swiper = new Swiper('.page-carousel .swiper-container', {
autoplay: 2500,
autoplayDisableOnInteraction: false,
calculateHeight : true,
loop:true,
slidesPerView : slidesPerGroup(),
slidesPerGroup : slidesPerGroup(),
resizeReInit : true,
onFirstInit : function(swiper){
swiper.params.slidesPerView = swiper.params.slidesPerGroup = slidesPerGroup();
},
onInit : function(swiper){
swiper.params.slidesPerView = swiper.params.slidesPerGroup = slidesPerGroup();
},
});

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)