0

我有相当独特的情况。这是我的场景：我的页面有几张图片，每张图片都会启动一个fancybox 画廊。我想通过单击照片和导航栏中的单独链接来访问每个画廊。到目前为止，我已经看到了一个示例，该示例允许您使用“onclick”事件设置导航，这非常有帮助，但是，我想对此进行扩展，并让导航中的每个链接都能够访问不同的画廊从那些照片中。我知道如何在 fancybox 中使用此功能的唯一方法是使用“rel”属性，但我不知道如何将其连接到我的 onclick 事件中。任何帮助将不胜感激。

这是我当前 html 的一个片段，但是，我再次只能访问第一个画廊，我希望能够设计我的 onclick 事件，这样我就可以告诉它我想访问哪个画廊。

 onclick="$('.gallery').eq(0).trigger('click'); return false;

上面的 onclick 允许我访问 'rel="group2"' 库，但我需要每个链接访问不同的 'rel="group#"'

</div>
<div>
    <a class="gallery" rel='group3' href="Pictures/FinalPhotos/GG.jpg">
    <img src="Pictures/FinalPhotos/GG.jpg"class="pictures4"  alt="deck"></a>
    <a class="gallery" rel='group3' href="Pictures/DDC/IMG_5577-Rendering.jpg"></a>
    <a class="gallery" rel='group3' href="Pictures/atriumdarkps.jpg"></a>
</div>
4

1 回答 1

0

您可以从单独的链接访问每个画廊（直接进入href无onclick属性）：

<a href="javascript:$('[rel=group1]').eq(0).trigger('click'); return false;">access group 1</a>
<a href="javascript:$('[rel=group2]').eq(0).trigger('click'); return false;">access group 2</a>
<a href="javascript:$('[rel=group3]').eq(0).trigger('click'); return false;">access group 3</a>

... ETC。

由于所有元素共享同一个类gallery（但rel属性不同），因此您可以对所有元素使用单个脚本

$(".gallery").fancybox();

见JSFIDDLE

于 2013-02-19T08:45:32.423 回答