2010-04-25 73 views
1

使用Lightbox来添加照片库并希望通过单击缩略图的父节点<li>而不是缩略图图像来启动该功能。我已经能够与缩略图相册(不使用灯箱,只需打开另一个页面)用下面的代码来做到这一点很容易:通过点击LI而不是缩略图来激活灯箱

$(".item").click(function(){ 
     window.location=$(this).find("a").attr("href");return false; 
    }); 

然而,似乎无法启动灯箱以类似的方式。想法?

谢谢!

UPDATE 我使用jQuery的灯箱(0.5),http://leandrovieira.com/projects/jquery/lightbox/

下面是代码来启动:

$('a.lightbox').lightBox(); 

和HTML(和PHP的详细信息):

<a href="http://somewhere.com/gallery/photos/<?php echo $images['filename'];?>.jpg" class="lightbox" title="<?php echo $images['caption'];?>"> 
+0

其中,您使用的是lightbox库? – 2010-04-25 02:23:04

回答

3

你可以捕捉点击<li>,然后调用f的click事件使用下面的代码在<li>里面找到<img>。但这很不方便,我不推荐它。这将有助于了解您使用的是哪个灯箱(有很多),并查看一些HTML。

$(".item").click(function() { 
    $(this).find(".lightbox:first").click(); 
}); 
+0

谢谢,看看上面的更新.. :) – NightMICU 2010-04-25 02:38:24

+0

会做。作为参考,你有没有尝试过上述解决方案? – GlenCrawford 2010-04-25 02:50:09

+0

是的,Firebug显示如下:i NightMICU 2010-04-25 02:57:22