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

请问带缩略图的怎么用hashNavigation这个定位到具体图片

[复制链接]

该用户从未签到

1

主题

3

帖子

16

积分

新手上路

Rank: 1

积分
16
跳转到指定楼层
楼主
发表于 2017-11-22 20:46:04 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
请问带缩略图的怎么用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, 下载次数: 129)

QQ浏览器截屏未命名.png
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
板凳
发表于 2017-11-30 11:41:46 | 只看该作者
请问你这个有demo实例吗?我现在做的功能跟你的好像一样。
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

3

帖子

16

积分

新手上路

Rank: 1

积分
16
沙发
 楼主| 发表于 2017-11-22 22:12:44 | 只看该作者
我之前做好用的,这次死活不好使了因为少了一个 data-hash="slide1"
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 09:40 , Processed in 0.073877 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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