用于用户脚本的便携式灯箱答案

【问题标题】：Portable lightbox for use in userscripts用于用户脚本的便携式灯箱
【发布时间】：2011-10-02 19:46:34
【问题描述】：

我尝试在我的用户脚本中实现各种灯箱，但我从未让它们工作。最常见的问题是其中一些要求您修改 css/js 文件，设置各种图像文件的位置。如果不是这种情况，则图像必须位于当前服务器上的特定位置。当我不拥有要修改的服务器时，这是不可能的来源。

灯箱应该能够：

不需要，但会很好：

请提供一个在用户脚本中实现的示例。该脚本可能使用// @require 和// @resource 字段。

【问题讨论】：

【解决方案1】：

Lightbox2，巧合的是“灯箱”的第一个 Google 结果，没有提到需要编辑任何 CSS / JS 文件或做任何事情，除了在页面上包含它们的脚本，并用指向全尺寸图像。如果您尝试过，是否有任何具体问题？

【讨论】：

这确实需要在当前页面上托管一些图像。如果我复制灯箱 2 主页的 html 并将其粘贴到 jsFiddle 并让所有内容都使用绝对链接，则加载“loading.gif”和“closelabel.gif”时将失败。另外：“检查 CSS 并确保引用的 prev.gif 和 next.gif 文件位于正确的位置。此外，请确保在 lightbox.js 文件顶部附近引用的 loading.gif 和 close.gif 文件是在正确的位置。” jsFiddle 测试：jsfiddle.net/aEe6v
因此，使用绝对 URL 指向您托管这些文件的服务器或数据 URL。将它们包含在脚本中。