javascript - Fancybox：创建指向一组图像的链接而不添加另一个图像？

Question

我有一组图像，如下所示：

<a class="fancybox-thumbs" data-fancybox-group="gym" href="DSC06334_650_480_c1.JPG">
<img width="650" height="480" alt="Golds Gym" src="DSC06334_650_480_c1.JPG">
</a>
<a class="fancybox-thumbs" data-fancybox-group="gym" href="10292010.jpg">
<img width="500" height="340" alt="Golds Gym" src="10292010.jpg">
</a>

我正在尝试从外部链接链接到这些图像而不添加其他图像：

<a data-fancybox-group="gym" class="fancybox-thumbs">More images</a>

问题是，当我这样做时，我最终会打开一个空白图像而不是画廊中的第一个图像，以及缩略图助手中的一个空图像：example。我该怎么做呢？

Answer 1

我认为您在单击事件时打开了“fancybox-thumbs”上的fancybox，并且更多图像链接也具有相同的类，因此fancybox 将其视为添加空白图像拇指的图像。

请从“更多图片”链接中删除 class="fancybox-thumbs"，希望空白拇指问题能够解决。

Answer 2

我的解决方案：

<a class="my-class" href="imgSrc-1-big.gif" rel="fancybox-gallery-1" >
  <img src="img_thumb-0-small.gif" alt="" />
</a>

<div style="display: none;"> 
  <a class="my-class" href="imgSrc-2-big.gif" rel="fancybox-gallery-1"></a>
  <a class="my-class" href="imgSrc-3-big.gif" rel="fancybox-gallery-1"></a>
  . . .
</div>