1

我有一个博主(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 gallery但我有点困惑......

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

4

2 回答 2

1

那这个呢?

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

请记住,如果你想“分组”图像,而不是id你应该使用class

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

$("img").attr("rel", "lightbox");
于 2013-06-07T20:54:55.660 回答
0

这就是我最后所做的:

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

也感谢 Matias 为我指明了正确的方向!

于 2013-07-02T09:38:09.980 回答