2010-04-25 76 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