问题标签 [lightbox2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
6234 浏览

jquery - 如何将动态 URL 传递到 Lightbox 2 实例,而不是使用其硬编码的“this.URL”?

我正在使用 Lightbox 2,因为它几乎满足了我的每一个要求,并且似乎是我遇到的最新更新的、低调的、高质量的“灯箱”jQuery 插件。我唯一遇到的问题是两个图像(关闭和加载)被硬编码到 .js 文件中,并且没有将参数传递到脚本中以覆盖它的示例。我对 JS 不够好,无法使用作为源代码的文档。

如果我没有包含足够的代码,可以在 GitHub 上看到整个文件。在包含的部分中,this.fileLoadingImagethis.fileCloseImage给出了相对于执行它的 HTML 文件的路径。例如,http://mywebsite.com/。但是,我的 CSS、JS、图像等都是从http://static[number].mywebsitestatic.com/. 与其将我的一个可用静态 URL 硬编码到 .js 文件中,我更愿意使它成为一个更可重用的解决方案,这样如果这个可用的子域或父域发生变化,我就不必更新这个文件也是如此。

该站点是一个 Django 应用程序,因此在模板代码中,我可以简单地使用{{ STATIC_URL }}为给定页面写出正确的静态文件 URL 并将其传递到 .js 文件中。但是怎么做?例如,我希望能够执行以下操作(同时避免使用全局变量):

0 投票
0 回答
301 浏览

lightbox - 显示包含在单个画廊中的图像

我正在使用一个灯箱画廊,我设法将它集成到我的网站中。请看一个文件:https ://gist.github.com/2517910 从文件中可以看出,我添加了两个画廊——每个画廊都有五张图片。当前的行为是:当我单击某张图片并显示它时,我可以浏览所有 10 张图片。我想要的是改变这种行为。那就是当我单击显示该画廊的第一个画廊 5 图片中的图片时,我想。当我点击第二个画廊中的图片时 - 显示了该画廊中的 5 张图片。而且我可以浏览每个画廊内的图片,而无需查看其他画廊中的其他图片。

0 投票
1 回答
244 浏览

lightbox - Lightbox 2 和 Flickr - 下一个和上一个按钮在哪里?

我希望将 lightbox2 画廊系统与 Slick Flickr 的能力集成,以提取包含图像信息的 RSS 提要。到目前为止,我已正确设置和显示灯箱,但无法显示下一个或上一个按钮来循环浏览画廊中的其他图像。

这是当前的html。其余的是默认的 lightbox2 文件。

0 投票
1 回答
2622 浏览

ruby-on-rails - 在 Ruby on Rails 3.2.3 中使用 LightBox 2

我做了很多网络搜索,看看是否能找到一个脚本,我可以在我的 Rails 应用程序中弹出一个二维码图像。我遇到了 Lightbox 2。我已经安装了脚本并在我的样式表中复制了 CSS 代码。

我尝试使用以下代码。我试图包括图像所在的路径。单击二维码时页面显示正常,但没有图像。

我想知道是否可以使用上面的代码定义此图像的路径,还是需要使用某种 rails 语句来执行此操作?

我已经搜索了几个小时,并找到了一些建议,包括在 Stack Overflow 上。但是,我还没有看到任何说明它们用于 Rails 应用程序的示例。

任何帮助,将不胜感激。

0 投票
2 回答
7744 浏览

jquery - 使用 javascript 触发灯箱

我想使用这个库: http: //lokeshdhakar.com/projects/lightbox2/

我无法附加rel="lightbox"到每个图像,所以我想使用 jQuery 来触发灯箱。

我在想类似的事情:

如何触发一张图片的灯箱?

0 投票
1 回答
110 浏览

drupal-6 - 有机组,灯箱中的 og 详细信息块链接

我在我的网站中使用了有机组(og),并且我有一个组详细信息块,其中组内容创建链接出现。现在我想在灯箱中打开这些链接。或在弹出窗口中我们如何做到这一点。

0 投票
1 回答
337 浏览

javascript - 如何将自定义隐藏/关闭链接添加到使用 lightbox2 显示的模式框?

我正在使用http://lokeshdhakar.com/projects/lightbox2/。它的角落有一个“X”按钮,用于关闭模式框。我想在窗口中添加另一个关闭链接(文本链接)。

如何实现 closeLightboxWindow()?:)

0 投票
2 回答
2015 浏览

jquery - Lightbox2 - 多张图片,一键点击

我目前正在使用 Lightbox 2 (http://lokeshdhakar.com/projects/lightbox2/),一切正常,但我需要稍作调整。

单击缩略图时,我想垂直显示所有图像。因此,如果我有 3 张图像都使用相同的 rel="lightbox[whatever]" 我希望它们都输出。我不想要带有 next 和 prev 按钮的“Image 1 of 5”。

我到处搜索,找不到解决方案。如果有人有任何想法、片段或外部 URL,将不胜感激。

代码示例:

0 投票
1 回答
751 浏览

lightbox - 内容流和灯箱 2

有谁知道如何集成 ContentFlow ( http://www.jacksasylum.eu/ContentFlow ) 和 Lightbox2 ( http://lokeshdhakar.com/projects/lightbox2/ )?

我需要图像不仅可以在灯箱中打开,而且在打开时,还需要让用户能够查看下一张和上一张图像。

现在,我正在将 ContentFlow 与 Lightbox Addon 一起使用(您可以在 ContentFlow 网站上找到它),但它只使用原始 Lightbox,所以我无法制作画廊(或者至少我不知道如何至)。

ContentFlow 似乎是一个非常善变的产品,它不接受很多东西。

谢谢大家的帮助,欢迎评论!

0 投票
2 回答
212 浏览

javascript - 将画廊添加到 lightbox1

我正在尝试将图片库功能添加到原始灯箱 - http://lokeshdhakar.com/projects/lightbox/。我在 ContentFlow 的插件中使用它,并希望用户能够在选择图像后导航上一张和下一张图片。

请帮忙!