双击加载灯箱

时间:2014-04-05 19:30:07

标签: jquery lightbox

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

更新

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

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

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

1 个答案:

答案 0 :(得分:0)

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'部分完全符合您的要求,即在窗口上打开图像。

在该事件上没有触发Lightbox的代码。

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

解决方案(i)有一个警告,阻止您在没有自己修改代码的情况下更新到新版本,但由于更改很简单,可能不是问题。解决方案(iii)是丑陋的,我不推荐它,但它是为了完整性而存在。