Swiper中文论坛

标题: 请问带缩略图的怎么用hashNavigation这个定位到具体图片 [打印本页]

作者: haihaijiajia    时间: 2017-11-22 20:46
标题: 请问带缩略图的怎么用hashNavigation这个定位到具体图片
请问带缩略图的怎么用hashNavigation这个定位到具体图片?如下图所示

<script>
   var galleryTop = new Swiper('.gallery-top', {
      spaceBetween: 10,
          hashNavigation: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
    var galleryThumbs = new Swiper('.gallery-thumbs', {
          hashNavigation: true,
      spaceBetween: 10,
      centeredSlides: true,
      slidesPerView: 'auto',
      touchRatio: 0.2,
      slideToClickedSlide: true,
          
    });
    galleryTop.controller.control = galleryThumbs;
    galleryThumbs.controller.control = galleryTop;

  </script>

这么写不好使。定不到具体的图片,请好心人帮帮我,感谢

QQ浏览器截屏未命名.png (964.83 KB, 下载次数: 127)

QQ浏览器截屏未命名.png

作者: haihaijiajia    时间: 2017-11-22 22:12
我之前做好用的,这次死活不好使了因为少了一个 data-hash="slide1"
作者: 特仑苏啊    时间: 2017-11-30 11:41
请问你这个有demo实例吗?我现在做的功能跟你的好像一样。




欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2