javascript - Fancybox3 第二个链接启动图像周围的链接？

Question

使用 Fancybox 3.0，我有一个图像库，缩略图下有文本。它不是在单击缩略图或文本时打开图像，而是为该图像打开一个包含该图像信息的 iframe，并让用户能够左右浏览图像，就像它是一个图像库一样，但而是使用 iframe。我的问题是，环绕缩略图的链接使得当打开 iframe 时，我可以通过屏幕一侧的 fancybox 获得一个不错的缩略图列表......但是当我单击底部的文本时，我获取 iframe 但没有图像列表。我认为这是因为第一个链接包裹在图像周围。我无法将整个 DIV 设为 fancybox 的链接，因为缩略图下还有其他链接(用于收藏图像)。我必须将缩略图链接和文本链接设置到不同的画廊(即 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属性。