Javascript Lightbox图像下载

Javascript Lightbox图像下载,javascript,lightbox,lightbox2,Javascript,Lightbox,Lightbox2,我在几个图像库中使用Lightbox 2。我想为我的用户提供一种方法,让他们在Lightbox中查看图片时在图库中下载图片。一个“下载”按钮将是完美的,我把它画在标题附近 问题是我不擅长Javascript(这个项目是一个很少使用的内部工具,我自愿一起破解它。这不是我的专业领域)。我已经找到了一些非常好的开始,以获得我想要的功能,但我不知道如何将它们缝合在一起。下面是我正在看的内容,我希望能有一些更完整的说明(例如,在lightbox.js中的这一行之后插入这些代码行) 我发现但无法利用的: 1

我在几个图像库中使用Lightbox 2。我想为我的用户提供一种方法,让他们在Lightbox中查看图片时在图库中下载图片。一个“下载”按钮将是完美的,我把它画在标题附近

问题是我不擅长Javascript(这个项目是一个很少使用的内部工具,我自愿一起破解它。这不是我的专业领域)。我已经找到了一些非常好的开始,以获得我想要的功能,但我不知道如何将它们缝合在一起。下面是我正在看的内容,我希望能有一些更完整的说明(例如,在lightbox.js中的这一行之后插入这些代码行)

我发现但无法利用的:

1.)一个工作的WordPress插件——但我没有使用WordPress

你可以找到作为WordPress插件提供的Lightbox的修改版本。使用它(看孩子们穿着运动捕捉套装的照片)。我认为他插入的下载链接非常完美,但我不想改变我的标记来使用WordPress插件。我想使用数据Lightbox遵循Lightbox 2模式

2.)这段我不理解的片段。它提供了“修改lightbox.js文件”的神秘说明。但是在哪里呢

$(“”{
“类”:“lb saveContainer”
}).附加($(''){
“href”:”,
“目标”:“\u空白”

}).append($('

代码段不会修改文件,但jQuery会在设置了类lb saveContainer的currents div类中的html中追加部分html代码 如果有

  div class="lb-saveContainer"
      a href ..... img1  /a
      a href   ....  img2  /a
      .
      a href ...  imgn /a
  /div
其中“a”标签系列是用于灯箱的系列
视图,类外接程序div,为每个“a”应用当代码段运行链接打开保存图像浏览时,请将下载按钮的标记添加到lightbox使用的模板中。lightbox会劫持对插件的所有单击,因此您必须将事件处理程序添加到新标记中。在添加标记的同一开始函数中执行此操作。您可以使用

window.open()
在新选项卡中打开链接

然后,您可以基于

this.album[this.currentImageIndex].link 

稍后在updateDetails函数中。

我知道这是一篇老文章,但我花了很多时间寻找这个问题的答案

如果您将以下代码添加到lightbox.css的底部,您将能够右键单击图像并选择“将图片另存为…”


尝试在线添加
$('.lb number')。附加(''')
。我自己没有尝试过,但这可能会奏效。您可能需要稍微改变一下样式…顺便说一句,这是一个破解…感谢您的帮助。我很感激。
    .lb-nav {
       pointer-events: none;
    }

    .lb-prev, .lb-next {
       pointer-events: auto;
    }