问题标签 [lightgallery]

我遇到了 lightGallery 的 Pager 和 Hash 插件：http: //sachinchoolur.github.io/lightgallery1.2/docs/api.html#lg-pager

文档告诉如何启用它们。但它们是干什么用的？它们有什么用？

我有一个从 API 加载页面加载照片的页面。

** 编辑：这是一个带有页面的 CodePen，出现错误：http ://codepen.io/nathan-anderson/pen/GqXbvK

最初加载页面时，我使用它来调用信息并使用 lightgallery 插件：

我有多个按钮用于显示照片的不同顺序。API 根据“order_by”选项抓取不同的照片。

这是我显示不同部分的代码：

这确实会在单击按钮时加载新照片，但会破坏灯箱插件的功能。

有什么想法吗？还有其他人遇到这个吗？

- 谢谢

我正在使用 LightGallery 来显示用户图片。如何在 Angular 2 中使用 LightGallery？

我在. _ _ _ onSliderLoad我的代码片段中有两组代码。jsfiddle

代码 1：页面加载 lightGallery 视图。我直接从 HTML 渲染图像
代码 2：按钮 - ButtonClick_LightGallery - 单击 lightGallery 视图。通过prepend渲染图像。

我的问题：LightGallery 在代码 1 中工作正常，但代码 2 不工作。

我正在将 lightGallery 用于网站，我想在图库页面上添加一个“加载更多”按钮，主要是为了更快地在手机上加载。我找到了各种方法并尝试了它们。它们中的大多数都不起作用和/或不适合我根据请求加载元素的需要。

其中之一是使用 AngularJS：

这是我的 HTML 标记：

它自己工作的“加载更多”按钮，但是它破坏了 lightGallery 本身。示例：http ://cytex.nl/projects/jk-installaties/album2.php

然后我在这个 StackOverflow 问题中找到了让 lightGallery 与 AngularJS 一起工作的解决方案

我试图将两者结合起来，但它仍然不起作用。现在 lightGallery 可以正常启动了，但是“加载更多”按钮没有任何作用！

示例：http ://cytex.nl/projects/jk-installaties/album1.php

我对 AngularJS 很陌生，所以如果这是一个非常愚蠢的问题，我很抱歉。你们能否帮助确定问题，并可能提供有关如何解决此问题的指示？

我有几张我想打开画廊的图片（使用 lightgallery）。所以我查看了他们的文档，发现要使用多个实例，我必须包含 lg-hash.js 并为不同的画廊提供 id。这正是我所做的，但第二张图片不起作用。它打开了灯箱，但装载机只是不停地旋转。

我的代码：

还有js部分：

第一个正在正常工作，但第二个图像没有加载，我无法关闭第二个上的 lightgallery。

出了什么问题？这是他们文档的链接

我正在尝试在我的页面中使用“LighGallery.js” 。

情况：我有几组图像，每组应该显示在自己的画廊中。对于每个组，有 1 个可见图像，其余图像被隐藏，并在单击第一个可见图像时显示在图库中。

问题：图库仅触发第一个类别。它不会触发其余图像的图库视图。

问题：如何使用多个画廊实例。我似乎无法从文档中弄清楚。以前有人做过这个吗？

我尝试过的：我阅读并尝试使用随附的Hash插件。它仍然没有工作：

代码结构：

HTML：

JS：

谢谢

我想用同位素过滤器过滤我的画廊。我正在使用 Lightgallery 展示我的作品，我需要用同位素进行分类。它没有过滤或我做错了。我已使用列表标签将灯光画廊图像显示为我的作品集。列表标签下没有同位素参考。我不是 jQuery 方面的专家，所以我需要一些专家的建议。

这是我的Codepen和调用 isotope 的 jQuery

我通常在 .html 中构建我的网站页面，然后，当一切正常时，我为 db 和所有服务器端的东西创建 .php 页面。'直到现在我没有任何问题，但是因为当我尝试在我的页面中集成一些 JS 脚本时，每次 .html 示例中的相同脚本在 .php 页面中都可以正常工作或根本不起作用。今天，我正在与集成在我的 gallery.php 文件中的 LightGallery 脚本“战斗”。在发布这个问题之前，我尝试了一切可能的方法，但没有成功；我绝对需要你的帮助！.html 页面中的这段代码引用了 jQuery 库，它工作正常：

由于它有效，我将它集成到这个 .php 文件中：

而且，当然，它停止工作。我试图将 JS 脚本的调用放在页面末尾，但没有任何变化。我真的不知道，因为代码完全一样！它仅集成在 .php 动态页面中。

[已解决] 这次的问题是 CSS 调用中的大写字母：服务器主机在 lightgallery.css 中重命名了 lightGallery.css，因此缺少 CSS 文件。感谢大家的帮助！

链接到 jQuery 插件 github 和文档

这是完全相同的代码，唯一的区别是我链接到多个源/外部文件，而不是像在 jsfiddle 上那样将它们全部放入一个大文件中。但是我在浏览器控制台中没有错误，一切都正确链接。

它的图像灯箱工作，视频灯几乎可以工作，单击视频链接时我只是得到一个黑色的空白空灯。当点击它时，它会被添加到 HTML 中，但 iframe 中的 HTML 是空的。但在 jsfiddle 上却不是。

我已经一遍又一遍，我什至想不出它发生的一个原因，我已经在 Firefox、Chrome 甚至 IE 中进行了测试。而且由于它适用于 Firefox 中的 jsfiddle，所以它不能真正成为浏览器。

任何帮助都非常感谢，我在树林里。我希望这只是一些我看不到的非常简单的东西，因为我已经凝视了好几个小时。

谢谢。

链接到 jsfiddle：http: //jsfiddle.net/vtkv4j2h/5/

链接到本地​​文件：https ://mega.nz/#F!4QhXhQaY!vaIMGXqYSzJf8s8qkVouqg

js.js