首页 文章

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

提问于
浏览 次
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 galleries但我有点困惑....

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

jquery lightbox blogger

2 回答

  • 0

    那这个呢？

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

    请记住，如果你想"group"图像，而不是 id 你应该使用 class

    CODE EDIT ：我认为这也有效

    $("img").attr("rel", "lightbox");
    回复于
  • 1

    这就是我最后所做的：

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

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

    回复于

相关问题