灯箱图片下载-Java 学习之路

我在几个图片库上使用Lightbox 2 . 我想为我的用户提供一种方式，以便在他们在灯箱中查看图像时下载图库中的图像 . 一个“下载”按钮将是完美的，我在附图 Headers 附近拍下来 .

问题是我吮吸Javascript（这个项目是一个不经常使用的内部工具，我自愿一起破解它 . 这不是我的专业领域） . 我找到了一些很好的开始获得我想要的功能，但我不知道如何将它们缝合在一起 . 这是我正在看的内容，我会感谢一些更完整的说明（即插入这些代码行......在此行之后......在lightbox.js中） .

我发现但无法利用：

1.）一个有效的WordPress插件 - 但我没有使用WordPress

Here您可以找到作为WordPress插件提供的Lightbox的修改版本 . This site使用它（看动物捕捉服中的孩子的照片） . 我认为他已经完美插入了下载链接，但我宁愿不改变我的标记以使用WordPress插件 . 我想跟随数据灯箱的Lightbox 2模式 .

2.）这段我不明白的片段 . 它提供了“修改lightbox.js文件”的神秘指令 . 但是哪里？：

$('<div/>', { "class": 'lb-saveContainer' }).append($('<a/>', { "href": '', "target":"_blank" }).append($('<img/>', { src: this.options.fileSaveImage })))

3 回答

0
将下载按钮的标记添加到灯箱使用的模板中 . Lightbox劫持了插件的所有点击，因此您必须为新标记添加事件处理程序 . 在您添加标记的相同启动功能中执行此操作 . 您可以使用
```
window.open()
```
在新标签中打开链接 .

然后，您可以基于填充链接
```
this.album[this.currentImageIndex].link
```
稍后在updateDetails函数中 .
回复于 2024-05-12T10:30:15+08:00
0
我知道这是一个老邮政，但我花了很多时间寻找这个问题的答案 .

如果您将以下代码添加到lightbox.css的底部 . 您可以右键单击图像并选择“将图片另存为...”
```
.lb-nav {
       pointer-events: none;
    }

    .lb-prev, .lb-next {
       pointer-events: auto;
    }
```
回复于 2024-05-12T10:30:15+08:00
1
片段不修改文件，但jQuery在html中附加html代码的一部分在当前div类中有类lb-saveContainer设置如果有
```
div class="lb-saveContainer"
      a href ..... img1  /a
      a href   ....  img2  /a
      .
      a href ...  imgn /a
  /div
```
其中“a”标签系列用于灯箱视图的系列，该类添加div，为每个“a”应用，当代码段运行链接打开保存图像时
回复于 2024-05-12T10:30:15+08:00

灯箱图片下载

3 回答

相关问题