问题标签 [lightgallery]

我在使用 lightGallery() 作为回调时遇到问题；当客户选择产品选项时，我试图在 Shopify 中使用它。

例如，我有一个 div#lightgallery有 5 个图像，并在页面加载后被$("#lightgallery").lightGallery();调用。

当客户选择产品变体时，之前的 5 张图片#lightgallery会被删除，新的 4 张图片会被创建，但$("#lightgallery").lightGallery();不会为该变体初始化新图库。

我有一个类似这样的html代码：

我想要做的（使用 JQuery）是当用户单击第一个div“行启动”以使用下一个兄弟姐妹 ul“行库”中的链接“light-link”执行某些操作时。我想要与第二个 div“行启动”相同的东西，以及波纹管兄弟内部的链接等等......我做错了什么？我的代码如下所示：

但它不起作用，它总是将事件附加到列表中的第一个 ul 一个“light-link”，即使我点击列表中的第二个 div“行启动”，或者第三个......注意：需要对于 lightgallery 示例（使用类的多个画廊），我想在用户单击默认大图像时触发缩略图上的 clic，并激活相关画廊。

我目前正在为一位艺术家创作作品集。我正在使用 Masonry with Isotope 过滤特定种类的绘画。单击项目时，它会打开 lightGallery：http ://sachinchoolur.github.io/lightGallery/

到目前为止一切正常，问题如下：

我想要实现的是，例如，如果您过滤自然绘画，则只会显示自然绘画，并且如果您单击其中一个项目，它将打开画廊。但问题是，目前所有类别的所有图像都显示在自然画廊中。因此，如果您单击它们，您还会获得例如“人”类别的图像。

我想这样做的目的是为不同的类别提供不同的“画廊”。但是如果点击过滤器“全部显示”，用户也应该能够点击所有类别的所有图像，这样当被点击的项目的类别“结束”时，图库不会结束。

由于我对 javascript 不是很好，我希望你能帮助我一点，并且你理解我的问题..

代码 HTML 标记

JS初始化lightgallery

JS同位素

所以我想我需要创建几个画廊并在代码中说只有那个激活的数据过滤器画廊的项目才会在点击时显示。但也许这也可以在不创建额外的多个画廊的情况下工作？因为那么问题可能是，当所有项目都处于活动状态时，只有所选项目的特定画廊中的那些才会显示在 lightGallery 中。

提前谢谢你的帮助！

我在 angular js 中遇到带有视频 js 的灯光画廊的问题。
未捕获的错误：确保幻灯片 0 具有图像/视频 src

在此页面的展示部分（特色项目区域），我试图将每张照片链接到一个专用页面，而不是进入 JQuery 灯箱。

有没有办法在不破坏淡入淡出动画和点击之前已经存在的深色覆盖的情况下实现这一点？如有必要，完全可以取消灯箱功能，但由于担心破坏设计和功能，不确定要删除什么。

这是我已经用 html 和 css 自定义的模板。链接到页面是我唯一想不通的问题（我是 JavaScript 的新手）。

任何输入将不胜感激。

整个网站都可以下载样式和 JavaScript 文件供您修改。

提前致谢，

我正在使用 lightGallery 和 facebook 评论/点赞插件。

似乎无法弄清楚为什么有人使用 fb-comments 进行标记/链接时没有指向完整 url 的链接。

对我来说：page#lg=16&slide=1变成“ page?fb_action_ids=......&fb_action_types=og.comments ”。
获取页面但没有幻灯片/照片。

在 lightGallery 评论框演示中，参数被附加：og.comments#lg=1&slide=0并因此获得所需的幻灯片/照片。

“所以做同样的事情......” - 我以为我是......但不一样。

当点击 facebook like 按钮时，用户共享页面/规范链接，但不是带有画廊幻灯片参数的完整 url。和上面一样。

我确定这不是 lightGallery 问题，而是我的一些愚蠢问题。
如果有人能弄清楚我有多愚蠢。

非常感谢任何建议:)

我正在使用light gallery.

http://sachinchoolur.github.io/lightGallery/demos/

我希望缩略图的位置位于顶部而不是底部。有人遇到过这样的问题吗？请帮我。

我正在使用lightGallery.js，但在覆盖sass 变量时遇到了一些麻烦。我能够成功覆盖的唯一变量是$backdrop-opacity所有其他变量lg-variables.scss都没有生效。

/static树状结构

/sass/lightgallery.scss文件

无论我添加什么变量，$backdrop-opacity都$lg-toolbar-bg: rgba(12, 255, 0, 0.45);不会改变它的默认值$lg-toolbar-bg: rgba(0, 0, 0, 0.45) !default;

我在@import订单上弄错了吗？我有点不知所措。

我为了使这篇文章简短，这里是github 上src/sass/lightgallery.scss的链接src/sass/lg-variables.scss

谢谢

我有一个 id 为“tempPictures”的 div。我想销毁画廊并在关闭然后重新打开时重新启动它。第一次单击时它工作正常，但第二次，它会在同一选项卡中打开图像，而不是轻图库。Any1遇到过这样的问题吗？

我正在将 LightGallery 用于 youtube 视频。我正在尝试更改默认缩略图，但它不起作用。

在我看来：

在javascript

我加载了以下脚本和css

假设 youtubeThumbSize 是选择要在图库中显示的缩略图。我尝试使用 0 或 2，但始终使用默认值 1。如何使用另一个缩略图？什么不对？