2011-10-02 64 views
1

有沒有辦法讓燈箱只顯示點擊圖像而不顯示整個圖庫。 我不希望讓用戶能夠看到除了他們點擊的圖像之外的其他圖像,但文檔似乎並未反映此功能。jQuery燈箱單幅圖像顯示

任何幫助或例子將不勝感激。

回答

0

嘗試增加給你的CSS:

#lightbox-nav a { 
    display:none !important; 
} 
+0

感謝您的鏈接,AlienWebguy。那是不同的燈箱嗎?你給我展示的是使用原型和scriptaculous與我正在使用的jQuery版本。 – Skittles

+0

啊,我很抱歉,我沒有看到你使用的是JQuery版本。 – AlienWebguy

+0

已更新的答案。 – AlienWebguy

-1

您可以隱藏導航作爲另一個答案解釋這裏 而是一個很好的解決方案是分別初始化每個項目的燈箱插件。

,而不是$('#gallery a').lightBox();你可以這樣做:

$('#gallery a').each(function(){ 
    $(this).lightBox(); 
}); 

畫廊實際上是由你選擇10個項目的將是您的畫廊適合的選擇, 每個項目的,但如果你在啓動.lightBox()每個獨立,它們各自被添加到自己的畫廊(convenientely插件隱藏控件時,只有1個項目是在畫廊)。

在這裏看到一個例子: http://jsfiddle.net/saelfaer/kwdBf/

+0

如果在一個頁面上有50個圖像,那50個lightBox()實例。哎呀! – AlienWebguy

+0

但是,我會需要看看性能問題在這裏,沒有證據我仍然去這個,而不是一個CSS的黑客 – Sander