问题标签 [lightgallery]

我正在创建一个作品集网站来展示我的作品。我正在使用 Light Gallery 在我的网站上显示图像和视频。我想通过使用 Isotope.js 添加过滤选项

我无法弄清楚我的代码有什么问题。我在CodePen上设置了一支笔

请随时添加代码。

谢谢

我想为我的网站创建一个过滤组合，我已经完成了所有设置，但问题是，当我使用 Isotope 过滤一个类别时，它当然会过滤掉，但是当我单击图像并启动 lig​​htgallery 时，它显示所有类别的所有图像。

我希望特定类别的图像在 lightgallery 的幻灯片中可见。我在堆栈中看到了一些答案，我想我需要实现一个影子盒。但不知道如何。

请帮我。

我的密码笔

我在data-slide页面上输出三个带有属性的缩略图，并使用动态模式在图库中填充更多图像。它工作正常，但是当我通过单击第二个/第三个缩略图打开画廊并按下一个箭头时，画廊会转到第一张幻灯片而不是下一张。

演示代码可以在这里找到： https ://jsfiddle.net/ebatron/56rpLaby/4/

我正在创建一个投资组合画廊，我正在使用 LightGallery 和同位素来过滤类别，但是当按下 1 个过滤器按钮时，我希望将按钮的活动状态，即“已检查”类添加到按钮中。

jQuery代码如下。和我的CodePen

请帮忙。谢谢你。

我正在使用 LightGallery 来展示我的作品集，并使用同位素来过滤类别。由于我的图像质量很高，我正在尝试使用ImageLoaded 但无法实现，仍在学习 jQuery。我希望 ImageLoaded 在显示预加载器（css​​ 或 gif）时在背景中加载图像，并且在加载完成后可以像放大一样进入图像。我的密码笔

这是我正在尝试使用的代码。它尚未完成，但我被卡住了，不知道下一步。它也没有动画。

请帮忙，谢谢。

有一个带有 bootstrap/jquery 的站点，并希望找到一个脚本来打开单个或一组图像图片（例如带有“x”的 bootsrap 模态关闭或单击图像外的覆盖），我发现很多但我没有使用放大/缩小按钮查找，并且对 OFC 响应/移动友好。有什么建议么？

我正在使用 lightGallery (v1.3.8) 和 Isotope (v3.0.2) 在 Bootstrap 标签页中构建照片库。用户单击任何同位素过滤器后，Lighgallery 无法显示照片放大并产生 JS 错误：“无法读取未定义的属性'匹配'”。

该问题似乎与 destroy() 命令有关。如果我删除它，画廊会在选择过滤器时工作，但 lightgallery 会显示完整的库，而不仅仅是过滤后的结果。

使用 imagesLoaded() 是因为图像在初始加载时重叠。这可能是由于画廊有超过 70 张图片。

JSFiddle https://jsfiddle.net/1qghLkuh/演示了这个问题。我使用的 HTML 是：

JavaScript 代码：

LightGallery 与我想要的一致（LightGallery）。但是，它不是免费的网络销售。你能帮我找到其他像 LightGallery 一样的免费库吗（拇指、缩放和在移动设备上响应）

太感谢了。

我正在尝试在 WordPress 安装中使用 lg-thumbnail 插件设置 lightgallery。

https://sachinchoolur.github.io/lightGallery/docs/api.html

https://sachinchoolur.github.io/lightGallery/docs/api.html#lg-thumbnial

使用这个 JS 初始化，单独的 Lightgallery 似乎没有问题（因此，HTML 标记和排队脚本是可以的）：

所以，我的下一步是包含 lg-thumbnail 插件。在加入插件 JS 之后，我添加thumbnail:true：

但什么也没有发生。控制台中没有错误。似乎根本没有 lg-thumbnail 插件。

但是，脚本在它的位置：

我究竟做错了什么？如何诊断问题？谢谢！

我遇到这个问题的页面就是这个。

我尝试将静态 lightGallery JS 换成 CDNJS 版本，我尝试在 JS 和 jQuery 中调用该函数，我什至尝试在页眉和页脚中调用 lightGallery JS，但我仍然遇到这个问题。

我尝试过搜索，但找不到任何对我来说相关且有效的答案的问题。

我过去曾使用过这个插件，但它似乎在周末坏了。我以为可能是 WordPress 更新损坏了它，但我无法回滚检查！

下面的代码示例：

我在控制台中遇到的错误是TypeError: src is undefined.

提前致谢。