将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'];?>">
答案 0 :(得分:3)
您可以点击<li>
点击,然后使用以下代码调用<img>
内<li>
内的第一个点击事件。但这非常hacky,我不推荐它。了解您正在使用哪个灯箱(有很多),并查看一些HTML。
$(".item").click(function() {
$(this).find(".lightbox:first").click();
});