Jquery FancyBox从多个链接打开同一个库

Jquery FancyBox从多个链接打开同一个库,jquery,fancybox-2,Jquery,Fancybox 2,当我单击“.fancybox”按钮时,如何打开“.fancybox”打开的同一个galery,同时保持相同的fancybox设置 <div class="custom-thumbnail"><a class="fancybox" rel="group" href="Gallery/Image3.jpg"><img title="Bird Caption" src="Gallery/_t/testImage3_jpg.jpg"></a></di

当我单击“.fancybox”按钮时,如何打开“.fancybox”打开的同一个galery,同时保持相同的fancybox设置

<div class="custom-thumbnail"><a class="fancybox" rel="group" href="Gallery/Image3.jpg"><img title="Bird Caption" src="Gallery/_t/testImage3_jpg.jpg"></a></div>
<div class="custom-caption"><a class="fancybox-button"  rel="fancybox-button" href="Gallery/testImage3.jpg">Click here to open gallery</a></div>
编辑:多亏了@JFK,我终于明白了OP的问题所在。是的,OP的解决方案似乎很好:)

FancyBox通过类定义
FancyBox
激活自身。因此,锚定标记打开fancybox窗口(div.custom-thumboil中的窗口)的原因是它有一个
fancybox
类。如果您为
fancybox按钮定义了不同的css属性
,您可以在其附近添加
fancybox
类。或者,只需将
fancybox按钮
更改为
fancybox
,您就可以开始了

我为你创造了一个新的世界。我唯一更改的是将“fancybox button”类更改为“fancybox”,它可以正常工作


通过在fancybox button类附近添加一个单独的fancybox类也可以工作。请参阅更新的。

这对我很有效。你们觉得这个解决方案怎么样

jQuery('.fancybox-button').click(function(){
        jQuery(this).parent().prev().find('.fancybox').trigger('click');
        return false;
    });

这复制了对话窗口中的图像。我为你准备了一把小提琴。查看更新的答案。添加了“fancybox”的“fancybox按钮”仍然无法打开与“自定义缩略图”中的链接具有相同属性的库。激活fancybox插件的类名是“fancybox”,而不是“fancybox”!当您在“fancybox按钮”附近写入“fancybox”时,插件将以与“自定义缩略图”相同的设置激活。使用类
fancybox
不是强制性的,因为fancybox可以绑定到任何选择器,如
$(“.foo”).fancybox()
。换课并不是答案你让事情变得比他们应该的复杂。您只需要使用“fancybox”类。不是像你在我的回答中所说的“花式盒子”。你的解决方案可能有效,但没有出路!请再次阅读我的答案,试着理解FancyBox插件是如何激活的。你的解决方案正是你需要做的。请参阅类似的答案@ilter:这个解决方案是通往goThanks的道路,@JFK。我仔细看了这个问题后才发现:)
jQuery('.fancybox-button').click(function(){
        jQuery(this).parent().prev().find('.fancybox').trigger('click');
        return false;
    });