Fancybox3第二个链接会启动图像链接吗？

Question

使用Fancybox 3.0，我在缩略图下面有一个带有文字的图像库。它不是在点击缩略图或文本时打开图像，而是打开该图像的iframe，其中包含该图像的信息，并使用户能够在图像中左右移动，就像它是图像库一样，但是相反，iframe。我的问题是包装缩略图的链接使得当iframe打开时，我通过屏幕一侧的fancybox得到一个很好的缩略图列表...但是当我点击底部的文字时我获取iframe但没有图像列表。我认为这是因为第一个链接缠绕在图像上。我无法将整个DIV作为fancybox的链接，因为我在缩略图下有其他链接（喜欢图像）。我必须将缩略图链接和文本链接设置为不同的图库（IE data-fancybox =“gallery1”和data-fancybox =“gallery2”），所以当你左右穿过它们时我不会加倍链接。

那么如何才能获取文本链接以触发图片链接，因此如果您点击缩略图或文字链接，它会触发该图片的相同iframe？

这是我的代码，因为有php变量所以有点愚蠢。

<div class="ImageBox">
    <a data-fancybox="gallery1" data-type="iframe" data-src="imgpop.php?ImageID=<?=$CurrentImageName?>" href="javascript:;">
          <div class="GImgBox"><THUMBNAIL></div>
    </a>
  <div class="GCaption">
    <a href="javascript:fav('<?=$CurrentImageName?>')">
          <FAVORITE>
    </a>
    <a data-fancybox="gallery2" data-type="iframe" data-src="imgpop.php?ImageID=<?=$CurrentImageName?>" href="javascript:;">
          <IMAGE NAME>
    </a>
  </div>
</div>

这是我点击图片链接时的样子：

这是我点击文字链接时的样子：

Answer 1

为缩略图图片添加data-thumb属性。