自动添加rel =“lightbox”并对一些画廊进行排序

时间:2013-06-07 16:04:39

标签: jquery lightbox blogger

我有一个博客(blogspot)页面,我正在尝试使用jquery-lightbox 0.5。我有它的工作,但想添加一些功能。

目前我已经拥有它,以便显示一个帖子上的所有图像,尽管它们一起是专辑。

使用此脚本:

$(function() {
$('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox();
});

我更喜欢将图像打开为单独的图像(未组合在一起),除非我手动添加某种相册ID属性。我在想的是,如果我可以自动将rel =“lightbox”添加到页面上找到的所有图像中,那么我想要整理到相册中的任何图像都将手动添加id =“albumname”。

任何想法,我甚至不能自动添加rel =“lightbox”:(我对此并不擅长,所以道歉。

目前的页面位于blog.talesfromthesaddle.com,但灯箱设置为仅适用于各个帖子:例如http://blog.talesfromthesaddle.com/2012/12/bolivia-part-one-west.html

我在这里找到了一些合理的脚本:Making JQuery LightBox Plugin work with multiple galleries但我有点困惑......

感谢您提供的任何帮助, 尼克

2 个答案:

答案 0 :(得分:1)

这个怎么样?

$("img").each(function()
{
    $(this).attr("rel", "lightbox");
});

请注意,如果您要对图片进行“分组”,而不是id,则应使用class

代码编辑:我认为这也有效

$("img").attr("rel", "lightbox");

答案 1 :(得分:0)

这就是我最后所做的:

$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").attr("rel", "Your_rel_here").fancybox();

感谢马蒂亚斯,他指出了我正确的方向!