查看: 5280|回复: 1
打印 上一主题 下一主题

Swiper3 怎么默认显示第二个slider

[复制链接]
  • TA的每日心情

    2017-3-3 09:47
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    18

    帖子

    56

    积分

    注册会员

    Rank: 2

    积分
    56
    跳转到指定楼层
    楼主
    发表于 2016-12-25 10:55:02 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情

    2017-3-3 09:47
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    18

    帖子

    56

    积分

    注册会员

    Rank: 2

    积分
    56
    沙发
     楼主| 发表于 2016-12-27 10:18:44 | 只看该作者
    <script>
        var galleryTop = new Swiper('.gallery-top', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            spaceBetween: 0,
            initialSlide: 1,
             loop: true,
            loopedSlides: 3,
            slidesPerView:1,
            centeredSlides: true,

        });
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            centeredSlides: true,
          
            initialSlide: 1,
            loop: true,
            loopedSlides: 3,
            slidesPerView:2,
            centeredSlides: true,

            
            slidesPerView: 3,
            touchRatio: 0.2,
            slideToClickedSlide: true
        });
        galleryTop.params.control = galleryThumbs;
        galleryThumbs.params.control = galleryTop;
       
        </script>
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-24 01:24 , Processed in 0.060006 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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