Javascript Fancybox3第二链接围绕图像启动链接?

Javascript Fancybox3第二链接围绕图像启动链接?,javascript,jquery,html,fancybox,fancybox-3,Javascript,Jquery,Html,Fancybox,Fancybox 3,使用Fancybox 3.0,我有一个图像库,缩略图下有文本。当单击缩略图或文本时,它不会打开图像,而是为该图像打开一个iframe,其中包含该图像的信息,并使用户能够在图像中左右移动,就像它是一个图像库一样,而是使用iframe。我的问题是,环绕缩略图的链接使得当iframe打开时,我可以通过屏幕一侧的fancybox获得一个很好的缩略图列表。。。但是当我点击底部的文本时,我得到了iframe,但没有图像列表。我假设这是因为第一个链接环绕在图像上。我不能使整个DIV成为fancybox的链接,

使用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>
以下是我单击图像链接时的外观:

以下是我单击文本链接时的外观:


为缩略图图像添加数据拇指属性。

为什么要使用iFrame显示图像?要显示信息吗?为什么不使用标题呢?因为有一个表格可以用图片填写iframe上的信息。标题不可能那么高级。因为可能有多个活动实例,我建议在工具栏或标题中添加自定义按钮,以便单击它可以在图像上显示您的表单,与共享按钮的工作方式类似。看起来好多了。非常好用,谢谢!希望fancybox文档中记录了这一点。那真的很有帮助。