查看: 2047|回复: 2
打印 上一主题 下一主题

slidesPerGroup更新

[复制链接]

该用户从未签到

1

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
跳转到指定楼层
楼主
发表于 2017-4-27 11:16:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
需要在RESIZE的时候更新slidesPerGroup的数量 可以实现吗?
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

0

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
沙发
发表于 2017-5-10 16:19:55 | 只看该作者
楼下留名!
回复

使用道具 举报

该用户从未签到

1

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
板凳
发表于 2018-9-10 11:08:39 | 只看该作者
可以实现的
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();
        },
});
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-24 05:04 , Processed in 0.069294 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表