带有缩略图的jQuery幻想盒子，分别装有画廊

Question

我正在尝试更改我的花式盒，以便单击时的每个缩略图都打开到另一个画廊。现在，花哨的盒子只需滚动浏览所示的所有缩略图。

我已经查找了多种方法来做到这一点，其中许多包括REL和HIDDDEN标签，但总体上似乎没有任何作用。

想法？基本上，现在我在列系统上设置了一个页面。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>