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 属性。