带有缩略图的 Jquery Fancy Box 包含单独的画廊

Question

我正在尝试更改我的幻想框，以便在单击每个缩略图时打开不同的画廊。现在花哨的框只是滚动显示的所有缩略图。

我已经查找了多种方法来做到这一点，其中很多包括 rel 和隐藏标签，但总体上似乎没有任何效果。

想法？ 基本上现在我在列系统上设置了一个页面。 3x3 的拇指网格，并希望每个人都打开自己的图片库。

Answer 1

只需使每个画廊的第一个缩略图可见。

查看文档中的第一个示例 - 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>