我有一个博客(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但我有点困惑......
感谢您提供的任何帮助, 尼克
答案 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();
感谢马蒂亚斯,他指出了我正确的方向!