javascript – Fancybox2：修改多个画廊的调用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Fancybox2：修改多个画廊的调用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1367字，纯文字阅读大概需要2分钟。

内容图文

我正在生成一个HTML页面,其中包含MySQL数据库中保存的信息的多个图库,我需要修改Fancybox2调用,如下所示

$(document).ready(function() {
    $("a[rel=gall24],a[rel=gall30], etc, etc etc").fancybox({ ... });
});

如何在调用中添加元素引用？也就是说,我需要在调用中添加一个可变数量的[rel = XXX].

我是否使用调用中的值和引用创建变量？如果是这样,我不确定语法,并会欣赏一个例子.

解决方法:

您可以使用以下单个脚本：

$(document).ready(function() {
    $("a.fancybox").fancybox();
});

然后,当您创建图库时,只需为每个图库添加不同的rel属性,但相同的类=“fancybox”,例如：

<!--gallery 01 -->
<a class="fancybox" href="images/01.jpg" rel="gallery01">image 01</a>
<a class="fancybox" href="images/02.jpg" rel="gallery01">image 02</a>
<a class="fancybox" href="images/03.jpg" rel="gallery01">image 03</a>

<!--gallery 02 -->
<a class="fancybox" href="images/04.jpg" rel="gallery02">image 04</a>
<a class="fancybox" href="images/05.jpg" rel="gallery02">image 05</a>
<a class="fancybox" href="images/06.jpg" rel="gallery02">image 06</a>

当您单击任何图像(例如图像01)时,它将在(Fancybox)库中仅显示具有相同rel属性的那些元素(图像02和03,如上图中的示例01当然)

使用fancybox v2.x,您不需要使用@sczizzo建议的jQuery live(),因为fancybox v2.x已经支持现有和动态添加的元素

最后一点：不要将ID用于多个元素. ID应该是唯一的,您不应该在同一个html文档中使用相同的ID两次或更多次.
查看http://fancyapps.com/fancybox/#support FAQ的No.6了解更多信息

内容总结

以上是互联网集市为您收集整理的javascript – Fancybox2：修改多个画廊的调用全部内容，希望文章能够帮你解决javascript – Fancybox2：修改多个画廊的调用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端