单击LI而不是缩略图激活Lightbox

时间:2010-04-25 02:16:55

标签: jquery lightbox

将Lightbox用于照片库,并希望通过单击缩略图的父<li>而不是缩略图来启动该功能。我已经能够使用以下代码轻松地使用相册的缩略图(不使用Lightbox,只需打开另一页):

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

但是,似乎无法以类似的方式启动Lightbox。想法?

谢谢!

更新 我正在使用jQuery Lightbox(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'];?>">

1 个答案:

答案 0 :(得分:3)

您可以点击<li>点击,然后使用以下代码调用<img><li>内的第一个点击事件。但这非常hacky,我不推荐它。了解您正在使用哪个灯箱(有很多),并查看一些HTML。

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