2014-04-05 85 views
0

是否可以设置灯箱,使其显示扩大后的图片,当它被双击/点击而不是单击/点击?加载灯箱双击

更新:

我使用的代码下面的链接禁用点击命令,让他们到双击而不是反应:

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

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

回答

0

jQuery提供了一个DBLCLICK事件处理

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

的Javascript提供了一个onfocus此监听

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

更新:

我看,LOKESH的Lighbox(我假设是你正在使用的那个,因为有几个)与歌曲有着内在的联系le点击事件,你可以在49-55行看到。

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

您尝试这种方法只会排序其中一半是取消单一的点击激活的问题。 'dblclick'部分正在做你想要的东西,也就是打开窗口本身的图像。

在该事件中没有任何触发灯箱的代码。

有三件事你可以做: (i)修改lighbox,只是改变线51上的事件应该工作。 (ii)使用不同的插件,一个接受选项。 (iii)创建一个视图控制器,初始化LB参数并模拟点击来触发它。

解决方案(i)有阻止您更新到新版本的警告,因为它们不是自己修改代码而是由于更改很简单,可能不成问题。解决方案(三)是丑陋的,我不推荐它,但它是为了完整性的缘故。

+0

是的,但我的问题是,如何禁用单击加载灯箱,并使其加载双击?灯箱的工作方式(至少我知道的部分)是将图片作为超链接的目标网址。也许我没有正确解释自己,但我真正需要的是通过双击而不是单击来触发特定的超链接。 或者我需要找到一种方法来通过JavaScript函数而不是通过超链接上发生的单击事件触发lightbox功能。 – Osprey

+0

啊,我明白了,我编辑了答案来涵盖你的案例。 – guioconnor

+0

我最终创建了我自己的削减版本的灯箱。没有花哨的动画,但至少它工作。 – Osprey