Jquery Fancy Box带有缩略图,可容纳不同的画廊

时间:2017-05-03 13:19:55

标签: jquery fancybox gallery

我正在尝试更改我的fancybox,以便点击时每个缩略图都会打开另一个库。现在,花式框只会滚动显示所有缩略图。

我已经查找了多种方法来执行此操作,其中许多方法包括rel和hiddden标记,但似乎总体上没有任何效果。

思考? 基本上现在我在列系统上设置了一个页面。 3x3网格的拇指,并希望每个人打开他们自己的图像库。

1 个答案:

答案 0 :(得分:0)

只为每个图库添加第一个缩略图。

查看文档中的第一个示例 - http://codepen.io/fancyapps/pen/jyEGGG/?editors=1000

<h3>Gallery with one preview image</h3>
<p>
    <a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data-fancybox="images-single">
      <img src="https://c1.staticflickr.com/1/357/31876784275_fbc9696913_m.jpg" />
    </a>
</p>

<div style="display: none;">

  <a href="https://farm3.staticflickr.com/2947/33594572585_b48eba935b_k_d.jpg" data-fancybox="images-single"
     data-thumb="https://farm3.staticflickr.com/2947/33594572585_46ca00f3a5_m_d.jpg"></a>

  <a href="https://farm3.staticflickr.com/2859/33395734202_522f9d8efd_k_d.jpg" data-fancybox="images-single"
     data-thumb="https://farm3.staticflickr.com/2859/33395734202_15a81c4ef3_m_d.jpg"></a>

</div>