转换jQuery的灯箱添加用户标记的画廊

我有一个关于如何重写使用jQuery的灯箱脚本的问题。转换jQuery的灯箱添加用户标记的画廊

它使用div id来区分画廊。我想让它使用rel=""属性，可能是尾随号码。这可以写入检查的东西，如rel="gallery1"，但在一个循环，增加数字？我不熟悉这种事情的JS语法。或者可能是一个循环，检查dom中是否有该rel的对象。谢谢。

的Javascript通过

$(function() { 
    $('#gallery1 a').lightBox(); 
    $('#gallery2 a').lightBox(); 
});

来源

2012-11-26 harp

这将循环for循环3次上的gallery1，gallery2和gallery3rel链接调用.lightBox()。您可以增加循环数量，以满足您想要的许多要求。

的Javascript

for (x = 1; x <= 3; x += 1) { 
    $('a[@rel*=gallery' + x + ']').lightBox(); 
}

虽然我认为你可以组只是通过指定不同的rel性质和所有的链接调用.lightBox()灯箱。

把你的一切收藏夹链接一类的lightbox然后指定不同rel组的所有环节，如gallery1，gallery2和gallery3。然后拨打以下电话，我认为.lightBox()，他们应该全部分组。

HTML

<a href="[image_src]" class="lightbox" rel="gallery1">[link text or thumbnail]</a> 
<a href="[image_src]" class="lightbox" rel="gallery1">[link text or thumbnail]</a> 
<a href="[image_src]" class="lightbox" rel="gallery1">[link text or thumbnail]</a> 

<a href="[image_src]" class="lightbox" rel="gallery2">[link text or thumbnail]</a> 
<a href="[image_src]" class="lightbox" rel="gallery2">[link text or thumbnail]</a> 

<a href="[image_src]" class="lightbox" rel="gallery3">[link text or thumbnail]</a> 
<a href="[image_src]" class="lightbox" rel="gallery3">[link text or thumbnail]</a> 
<a href="[image_src]" class="lightbox" rel="gallery3">[link text or thumbnail]</a>

的Javascript

$('a.lightbox').lightBox();

发生的事情是gallery1链接组结合在一起，gallery2链接组在一起，gallery3环节组合在一起。这应该在默认情况下发生。

我希望这会有所帮助。

编辑1

一些需要注意的，jQuery的灯箱插件尚未更新4。5年。你可能想看看更好的维护选择，如colorbox。

来源

2012-11-26 22:29:34 3dgoo

转换jQuery的灯箱添加用户标记的画廊

回答

相关问题