Javascript 多画廊与js

我对一些灯箱画廊有意见。 我必须在一个页面中创建多个图库，但在每个缩略图中都会有来自另一个分区的多个图像。我尝试了一些Jquery lightbox，但它没有此功能。（花式、羽毛等）

a href=“#gallery1”

a href=“#gallery2”

div id=“gallery1”

div id=“gallery2”

我想到的唯一“解决方案”是制作一些没有显示链接到其他图像的缩略图，但它有200多个图像，我认为这是一个“有缺陷”的解决方案。。。 有什么解决办法吗？或者任何特定的Jquery都可以做到这一点

---

谢谢

不管你有2张还是200张图像，你仍然需要把数据存储在某个地方。可能的解决方案（使用fancyBox3）：

1） 为所有图像创建链接，但仅使每个库的第一个链接可见。大概是这样的：

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

<div style="display: none;">

  <a href="https://farm1.staticflickr.com/582/32752534825_4b35b2df81_o_d.jpg" data-fancybox="images-preview"
     data-thumb="https://farm1.staticflickr.com/582/32752534825_c25321a594_m_d.jpg"></a>

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

</div>

正如您所看到的，您不需要为每个链接创建缩略图，您可以使用

data thumb

属性。请参见最后一个示例-

---

2） 为预览图像创建自定义单击处理程序，以编程方式打开库，例如，使用

$.fancybox.open（[array of images]，{your options}）。您可以选择将数据存储在某个变量中，或者使用ajax检索列表。
ID应该是唯一的。这只是一个输入错误。真正的问题是没有“拇指钉”所有图像的多画廊。我想知道为什么你认为“它没有这个功能”。你认为它会起什么作用？任何像样的lightbox脚本都提供了API以编程方式打开库。
multiple images
multiple images

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

<div style="display: none;">

  <a href="https://farm1.staticflickr.com/582/32752534825_4b35b2df81_o_d.jpg" data-fancybox="images-preview"
     data-thumb="https://farm1.staticflickr.com/582/32752534825_c25321a594_m_d.jpg"></a>

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

</div>