fotorama - 链接到 fotorama 上的特定图像

Question

我有一些 fotorama 图片，我想获得指向特定图片的链接。例如，我想通过链接转到轮播的第三张图片，而不仅仅是第一个。我想我应该使用 .activeIndex 但我不知道该怎么做。

提前致谢！

Answer 1

这在 fotorama 文档中有介绍。

只需将属性添加data-hash="true"到封闭的 fotorama div 元素：

<div class="fotorama" data-hash="true">
  <img src="1.jpg" id="photo_1">
  <img src="2.jpg" id="photo_2">
  <img src="3.jpg" id="photo_3">
  ... etc ...
</div>

然后使用该id属性作为 URL 片段标识符链接到它们，例如：

http://example.com/my_gallery.html#photo_1
http://example.com/my_gallery.html#photo_2
http://example.com/my_gallery.html#photo_3

您可以在这里玩一些示例：http: //fotorama.io/customize/hash/