查看: 2501|回复: 4
打印 上一主题 下一主题

centeredSlides的loop循环问题

[复制链接]
  • TA的每日心情
    奋斗
    2018-4-13 16:52
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    5

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    跳转到指定楼层
    楼主
    发表于 2018-4-13 16:46:03 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    1. var mySwiper = new Swiper('.swiper-container', {
    2.                 effect: 'coverflow',
    3.                 slidesPerView: 1.5,
    4.                 centeredSlides: true,
    5.                 loop:true,
    6.                 loopAdditionalSlides : 4,
    7.                 loopedSlides: 1,
    8.                 coverflowEffect: {
    9.                         rotate: 0,
    10.                         stretch: stretch,
    11.                         depth: 60,
    12.                         modifier: 1.4,
    13.                 },
    14.         })
    复制代码
    loop切换在最后一个的时候不显示后面的内容,因为loop默认是在倒数第二个的地方进行切换,可是我页面要显示前2个和后2个,有什么办法提前进行切换
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2018-4-14 18:09
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    7

    帖子

    23

    积分

    新手上路

    Rank: 1

    积分
    23
    沙发
    发表于 2018-4-14 18:14:11 | 只看该作者
    我也遇到同样的问题,帮你顶起来。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    5

    积分

    新手上路

    Rank: 1

    积分
    5
    板凳
    发表于 2018-4-16 10:23:14 | 只看该作者
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2018-4-13 16:52
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    5

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    地板
     楼主| 发表于 2018-4-18 11:38:59 | 只看该作者
    luchen 发表于 2018-4-16 10:23
    http://www.swiper.com.cn/api/loop/23.html   看这个行不

    loopAdditionalSlides : 4, 第6行写的有,没用
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2018-4-13 16:52
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    5

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    5#
     楼主| 发表于 2018-4-18 11:46:20 | 只看该作者
    我现在是在切换事件里面写监听函数
    1. if(mySwiper.activeIndex-4==v_lengt-1&&ge>v_lengt-1){
    2.                 mySwiper.slideTo(v_lengt-1, 0, false);
    3.                 $(".liebiao li.zhong").eq(1).addClass("active");
    4.                 $(".liebiao li.ying").eq(1).addClass("active");
    5.                 chushiid=1;
    6.                 setTimeout(yanchi,10);
    7.         }
    复制代码
    在前后都加了4个,然后判断如果mySwiper.activeIndex到最后几个,用mySwiper.slideTo(v_lengt-1, 0, false)0秒切换到前面,在用setTimeout(yanchi,10); 延迟0.01秒在执行动画切换到对应位置
    但还是期望官方更新一下,以后可以直接调用参数
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-23 03:12 , Processed in 0.065827 second(s), 30 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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