链接到fotorama上的特定图像

时间:2015-06-19 08:37:05

标签: fotorama

我有一些照片图片,我想获得一个特定的链接。例如,我想通过链接转到旋转木马的第三个图像,而不仅仅是第一个图像。我想我应该使用.activeIndex,但我不知道该怎么做。

提前致谢!

1 个答案:

答案 0 :(得分:0)

照片文档中对此进行了介绍。

只需将属性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/