双击加载灯箱


是否可以

设置灯箱,以便在双击/点击而不是单击/点击时显示展开的图片?

更新:

我正在使用下面的代码来禁用链接上的单击命令,并使它们对双击做出反应:

        $('a', this).each(function () {
          $(this).click(function () {
            return false;
          }).dblclick(function () {                
            window.location = this.href;
            return false;
          });
        });

但是,我得到的只是带有图片的页面加载,而不是加载图片叠加的灯箱功能。如何从 javascript/jquery 函数调用灯箱功能?

Jquery 提供了一个 dblclick 事件处理程序

http://api.jquery.com/dblclick/

Javascript提供了一个ondblclick监听器

http://reference.sitepoint.com/html/event-attributes/ondblclick

更新:

我明白了,Lokesh 的 Lighbox(我假设是你正在使用的那个,因为有几个)本质上连接到单击事件,你可以在第 49-55 行看到它。

github.com/lokesh/lightbox2/blob/master/js/lightbox.js

您正在尝试的方法只会解决问题的一半,即取消单击激活。"dblclick"部分正在执行您想要的操作,即在窗口本身上打开图像。

没有

代码触发该事件的灯箱。

您可以做三件事:(i) 修改 lighbox,只需更改第 51 行上的事件即可。(ii) 使用不同的插件,一个接受选项的插件。(iii) 创建一个视图控制器,用于初始化 LB 参数并模拟单击以触发它。

解决方案 (i) 有一个警告,即阻止您更新到新版本,因为它们不需要自己修改代码,但由于更改是微不足道的,因此可能不是问题。解决方案(iii)很丑陋,我不推荐它,但为了完整起见,它在那里。

最新更新