Link 到 fotorama 上的特定图像

Question

我有一些 fotorama 照片，我想要 link 一张特定的照片。例如，我想转到带有 link 的轮播的第三张图片，而不仅仅是第一张图片。我想我应该使用 .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>

然后 link 使用 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/

Link 到 fotorama 上的特定图像

Link to specific image on fotorama

fotorama