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