lightbox - 为所有人设置javascript函数

Answer 1

如果您还不熟悉它，一种方法是学习一些 jquery

http://jquery.com/

然后您可以轻松地将功能附加到页面上每个标签上的所有点击事件，例如：

$("a").click(function(event) {

      //your lighbox code goes here ...
});

编辑

使用您正在使用的 lightbox2 脚本，似乎无法根据类或标签类型将其分配给页面上的一组链接，因此上述功能不相关。快速浏览一下，如果您坚持使用该脚本，那么让它在同一页面上的多个链接上工作的唯一方法是在每个链接中包含一个唯一的 data-lightbox="" 属性，例如。

<a href="img/image-1.jpg" data-lightbox="image-1" title="My caption">image #1</a>
<a href="img/image-1.jpg" data-lightbox="image-2" title="My caption">image #2</a>
<a href="img/image-1.jpg" data-lightbox="image-3" title="My caption">image #3</a>

还有其他灯箱脚本允许您根据标签类型或类别设置灯箱，例如http://fancyapps.com/fancybox/允许您执行以下操作：

<a class="fancybox" rel="group" href="big_image_1.jpg">image #1</a>
<a class="fancybox" rel="group" href="big_image_2.jpg">image #2</a>

然后使用脚本

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});
</script>

上面基本上将fancybox灯箱附加到任何具有class="fancybox"的东西上

不确定这是否有帮助 - 您必须向每个链接添加唯一的 data-lightbox="image-3" 与向它们添加标准类可能没有太大区别:-)

格伦