如何通过手动调用html中的库而不是通过jquery选项打开fancybox?

如何通过手动调用html中的库而不是通过jquery选项打开fancybox?,jquery,fancybox,manual,Jquery,Fancybox,Manual,我现在正在看fancybox v2 我正试图让画廊加载fancybox,但手动调用。我不希望通过jquery加载库图像,最好从html页面加载,因为这将被添加到CMS的模板中,需要让用户将图像添加到库中,并在他们上传的每个新图像上填充 它是否简单到只需在选项中添加一个调用,然后再开始,还是在图像标记的href中添加一个调用 谢谢, 标记确保所有新加载的图像在链接到它们的锚点内共享相同的类和rel属性 <a href="image01.jpg" class="fancybox" rel="g

我现在正在看fancybox v2

我正试图让画廊加载fancybox,但手动调用。我不希望通过jquery加载库图像,最好从html页面加载,因为这将被添加到CMS的模板中,需要让用户将图像添加到库中,并在他们上传的每个新图像上填充

它是否简单到只需在选项中添加一个调用,然后再开始,还是在图像标记的href中添加一个调用

谢谢,
标记

确保所有新加载的图像在链接到它们的锚点内共享相同的
rel
属性

<a href="image01.jpg" class="fancybox" rel="gallery" ...
您说过您将使用CMS,因此如果加载图像的
href
格式类似
http://path/to/image/?abc=123
(例如,没有图像扩展) 将
键入:“image”
选项添加到脚本中

$(".fancybox").fancybox({
 type:"image"
});
如果锚定可见,单击其中任何一个将启动库

另一方面,您可以使用任何其他链接“手动”启动库


.eq()
方法用于从第一个项目(可以是任何项目)启动库,否则库将从最后一个附加项目启动。另外,
.on()
方法要求jQuery v1.7+

确保所有新加载的图像在链接到它们的锚点中共享相同的
类和
rel
属性

<a href="image01.jpg" class="fancybox" rel="gallery" ...
您说过您将使用CMS,因此如果加载图像的
href
格式类似
http://path/to/image/?abc=123
(例如,没有图像扩展) 将
键入:“image”
选项添加到脚本中

$(".fancybox").fancybox({
 type:"image"
});
如果锚定可见,单击其中任何一个将启动库

另一方面,您可以使用任何其他链接“手动”启动库


.eq()
方法用于从第一个项目(可以是任何项目)启动库,否则库将从最后一个附加项目启动。另外,如果您想/必须使用较旧的jQuery版本(例如,由于Drupal模块),那么
.on()
方法需要jQuery v1.7+

摆脱
.on()
并使用

< a href="javascript:;" id="launcher">LINK TO TOPEN GALLERY< /a>
相反

也适用于较旧的jQuery版本。
将“.imagefield fancybox”替换为您正在使用的类。

如果您想/必须使用较旧的jQuery版本(例如,由于Drupal模块),请去掉
.on()
并使用

< a href="javascript:;" id="launcher">LINK TO TOPEN GALLERY< /a>
相反

也适用于较旧的jQuery版本。 将“.imagefield fancybox”替换为您正在使用的类。

on()
方法需要jQuery v1.7+,使用
。对于jQuery的较低版本,请单击()
。on()方法需要jQuery v1.7+,对于jQuery的较低版本,请使用
。单击()
jQuery(document).ready(function($) {
    $("#launcher").click(function() {
        $(".imagefield-fancybox").eq(0).trigger("click");
    });
});