Fancybox3 秒 link 围绕图像启动 link？

Question

使用 Fancybox 3.0，我有一个图片库，缩略图下有文字。它不是在单击缩略图或文本时打开图像，而是打开该图像的 iframe，其中包含该图像的信息，并使用户能够左右移动图像，就好像它是一个图像库，但而不是 iframe。我的问题是环绕缩略图的 link 使得当 iframe 打开时，我通过屏幕一侧的 fancybox 获得了一个不错的缩略图列表......但是当我点击文本时在底部，我得到了 iframe，但没有图像列表。我认为这是因为第一个 link 包裹在图像周围。我无法将整个 DIV 设为 fancybox 的 link，因为我在缩略图下还有其他 link（用于收藏图像）。我必须将缩略图 link 和文本 link 设置为不同的画廊（IE data-fancybox="gallery1" 和 data-fancybox="gallery2"）所以我不会加倍当您向左和向右浏览它们时，向上 links。

那么我怎样才能让文本 link 触发图像 link 而不是这样，如果您单击缩略图或文本 link 它会触发该图片的 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>

这是我点击图片时的样子 link:

这是我点击文本 link 时的样子：

Answer 1

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

Fancybox3 秒 link 围绕图像启动 link？

Fancybox3 second link launches link around image?

javascript

jquery

html

fancybox

fancybox-3