查看: 1710|回复: 0
打印 上一主题 下一主题

缩略图控制问题

[复制链接]
  • TA的每日心情
    开心
    2018-12-5 17:26
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    2

    主题

    12

    帖子

    73

    积分

    注册会员

    Rank: 2

    积分
    73
    跳转到指定楼层
    楼主
    发表于 2018-5-31 11:07:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    如果缩略图不设置loop模式  slideToClickedSlide: true不起作用,点击不会切换 只能拖动才会切换,这个怎么才能解决


    <script>
        var galleryTop = new Swiper('.gallery-top', {
           on:{
          init: function(){
            swiperAnimateCache(this); //隐藏动画元素
            swiperAnimate(this); //初始化完成开始动画
          },
              
          slideChangeTransitionEnd: function(){
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          }
        },
          spaceBetween: 10,  loop: true,
          loopedSlides: 5,
        });
        var galleryThumbs = new Swiper('.gallery-thumbs', {
          spaceBetween: 80,
          slidesPerView: 5,
          loop: true,
          loopedSlides: 5,
          slideToClickedSlide: true,
             
        });
        galleryTop.controller.control = galleryThumbs;
        galleryThumbs.controller.control = galleryTop;

      </script>


    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-23 02:34 , Processed in 0.056404 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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