我在多个图片库中使用 Lightbox 2。我想为我的用户提供一种在灯箱中查看图像时下载图库中的图像的方法。如果有一个“下载”按钮就完美了,我把它想象在标题附近。
问题是我对Javascript很烂(这个项目是一个不经常使用的内部工具,我自愿将它一起破解。这不是我的专业领域)。我已经找到了一些很好的开始来获得我想要的功能,但我不知道如何将它们缝合在一起。这是我正在查看的内容,我希望有一些更完整的说明(即在 lightbox.js 中插入这些代码行...在此行之后...)。
我发现但无法使用的内容:
1.) 一个可用的 WordPress 插件——但我没有使用 WordPress
Here http://wordpress.org/plugins/wp-jquery-lightbox/您可以找到作为 WordPress 插件提供的 Lightbox 的修改版本。这个网站 http://game.speldesign.uu.se/blog/motion-capture/使用它(看看孩子们穿着动作捕捉服的照片)。我认为他插入的下载链接很完美,但我不想更改我的标记以使用 WordPress 插件。我想使用 data-lightbox 遵循 Lightbox 2 模式。
2.)这个片段我不明白。它附带了“修改 lightbox.js 文件”的神秘指令。但是哪里?:
$('<div/>', {
"class": 'lb-saveContainer'
}).append($('<a/>', {
"href": '',
"target":"_blank"
}).append($('<img/>', {
src: this.options.fileSaveImage
})))
我知道这是一篇旧帖子,但我花了很多时间寻找这个问题的答案。
如果将以下代码添加到 lightbox.css 的底部。您可以右键单击图像并选择“将图片另存为...”
.lb-nav {
pointer-events: none;
}
.lb-prev, .lb-next {
pointer-events: auto;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)