HOWTO使用變量屬性的jQuery燈箱插件

我嘗試實施JQuery的燈箱插件，動態圖像（圖像彈出式分組）的分組，但我找不到彈出分組的圖像線索。HOWTO使用變量屬性的jQuery燈箱插件

誰能告訴我什麼，我做錯了什麼？

HTML

<a href="pic1.jpg" class="pic" rel="lightbox1"><img src="pic1.jpg"/></a> 
<a href="pic2.jpg" class="pic" rel="lightbox1"><img src="pic2.jpg"/></a> 

<a href="pic3.jpg" class="pic" rel="lightbox2"><img src="pic3.jpg"/></a> 
<a href="pic4.jpg" class="pic" rel="lightbox2"><img src="pic4.jpg"/></a> 

<a href="pic5.jpg" class="pic" rel="lightbox3"><img src="pic5.jpg"/></a> 
<a href="pic6.jpg" class="pic" rel="lightbox3"><img src="pic6.jpg"/></a>

JQUERY

jQuery(document).ready(function() {  
    $('a.pic').live('click', function() { 
     var relvalue = $(this).attr('rel'); 
     $("a[rel="+relvalue+"]").lightBox(); 
    }); 
});

謝謝！

來源

2010-01-19 Guido Lemmens 2

您使用哪個lightbox插件？ – czarchaic 2010-01-19 01:48:42

我使用jQuery燈箱插件0.5萊昂德羅·維埃拉 http://leandrovieira.com/projects/jquery/lightbox/ – 2010-01-19 11:46:42

你試過這個嗎？我想你是用krewenki's jquery-lightbox。隨着$('a.pic').lightBox();你給一個元素燈箱能力，並與相對上你將它們分組一個元素屬性。

來源

2010-01-19 09:39:27

好吧，我用另一個插件在上面的評論中寫道，但我認爲jQuery的燈箱從Warren Krewenki更容易，並且可以通過「rel」屬性進行分組。感謝您的提示！ – 2010-01-19 12:08:47

沒問題，如果我的答案解決了你的問題，請接受它。 – 2010-01-20 10:06:50

HOWTO使用變量屬性的jQuery燈箱插件

回答

相關問題