问题标签 [lightgallery]

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 投票
5 回答
6466 浏览

javascript - TypeError: $(...).lightGallery(...).destroy 不是函数

我从 Firefox 收到此错误:

我正在使用以下插件播放视频并显示图片库 https://github.com/sachinchoolur/lightGallery

我想重新初始化 lightGallery,因为我正在使用 ajax 在容器中动态添加元素。它在以前版本的 lightGallery 上运行良好,但不适用于当前版本。

我正在使用以下代码。

请建议。

谢谢

0 投票
1 回答
2935 浏览

javascript - 使用 href 或按钮运行灯光图库

你好 stackoverflow 社区。我正在使用 lightGallery 插件,并且在我的案例锚标记中使用外部类型的按钮运行它时遇到问题,你能建议我做错了什么,或者可能有任何其他方式让它正常工作。

HTML

JavaScript

lightGallery 插件:http ://sachinchoolur.github.io/lightGallery/docs/#installation

0 投票
2 回答
18858 浏览

html - 灯廊不工作

在我的网站上实施 lightgallery 时遇到问题。我搜索了堆栈溢出并阅读了 lightgallery 页面上的文档,但无法弄清楚问题所在!这是我网站的代码:

我在 javascript 控制台中收到此错误:

lightgallery.js:401 未捕获类型错误:无法读取未定义的属性“匹配”

当我遵循 javascript 中的代码路径时,我会找到 youtube 源代码。由于我暂时不尝试使用此视频和图片来实现视频,因此我取消注释视频内容并收到新错误!:

lightgallery.js:1271 Uncaught SyntaxError: Unexpected token) lg-thumbnail.min.js:4 Uncaught TypeError: Cannot read property 'modules' of undefined(anonymous function) @ lg-thumbnail.min.js:4(anonymous function) @ lg-thumbnail.min.js:4 lg-fullscreen.min.js:4 未捕获类型错误:无法读取未定义的属性“模块”(匿名函数)@ lg-fullscreen.min.js:4(匿名函数)@ lg- fullscreen.min.js:4 portfolio.html:124 Uncaught TypeError: $(...).lightGallery 不是函数(匿名函数)@portfolio.html:124j@jquery.js:3099k.fireWith@jquery.js: 3211n.extend.ready@jquery.js:3417I@jquery.js:3433

我真的很想使用 lightgallery,但在过去 2 天里试图让它工作一直是一场噩梦,任何帮助将不胜感激!

0 投票
1 回答
521 浏览

video - LightGallery Dailymotion

我在我的网站上使用 LightGallery ( https://github.com/sachinchoolur/lightGallery ),我需要展示一些日常运动视频。

这个插件适用于 youtube/vimeo,但我从日常视频中一无所获。

为了展示这一点,我使用了一个循环,这段代码是dynamicEl:[]

与我使用 youtube 的代码相同(并且有效):

仅供参考我有版本 1.2.0

0 投票
1 回答
2527 浏览

jquery - 具有单独 div 中的图像的 Lightgallery

我在行中有多个图像,我希望Lightgallery捕获我页面上的所有图像。我似乎只能为每一行而不是一个大画廊获得单独的灯光画廊。出现问题是因为我在 div 中有一组图像,在一个大容器中有多个 div。如何将retreats-image-container 中的所有图像合并/加入/合并到一个画廊中?

的JavaScript:

这将创建 2 个包含 4 个图像的画廊

这不起作用,但它本质上是我想要获得一个包含 8 个图像的画廊

0 投票
2 回答
527 浏览

jquery - 具有合理图像网格的 lightgallery 标记问题

嗨,我在使用我的 JIG 画廊实施 lightgalley 灯箱时遇到了麻烦。JIG 生成的图库代码如下所示:

HTML

按照指南(http://sachinchoolur.github.io/lightGallery/demos/html-markup.html)我尝试了以下代码但没有成功。当我单击图库项目时,lightgallery 未加载:

JS

我可以加载 lightgallery,但它不会使用自定义灯箱的此 JIG 默认设置显示图像:

或在图库中加载单个图像

也可以复制演示作品。我上周开始工作了,但我的编码进度丢失了。所以我知道必须有一个解决方案,我只是找不到它了。

0 投票
0 回答
774 浏览

javascript - 多个对齐的图像网格画廊 - 使用 lightgallery 自定义灯箱调用/标记

Holla,我正在使用 JIG 来生成我的画廊。画廊具有以下结构:

画廊可以使用 ID 标签来识别,例如“jig1、jig2 等等..”

现在如何调用每个画廊的灯箱?

这仅适用于第一个画廊

或者我可以使用:

有趣的是,即使这样也不会为第二个画廊加载灯箱?

0 投票
1 回答
2558 浏览

javascript - Lightgallery 不会获得缩略图

我正在使用 lightGallery 来显示视频集合。在文档中,它说我可以使用一些插件自动从视频本身加载缩略图。我已经包含了所需的插件:

我正在尝试像这样添加我的视频:

在我的app.js文件中,我有:

没有任何工作。我不确定如何从视频中获取图像。我也不确定在 HTML 中放什么,因为没有图像就什么都显示。

0 投票
1 回答
1939 浏览

lightgallery - 动态El发生变化时如何刷新lightgallery

我有不同的专辑,我想在 Lightgallery 中展示其中的内容。

我最初的电话是这样的:

这很完美,但是当打开另一张专辑时,我希望以一种或另一种方式刷新,以便显示 dynamicEl 的新内容。

有没有办法做到这一点?

我正在尝试一个

以前,但那搞砸了。即,似乎有一些功能,但看起来灯箱失去了一些样式并且不再不透明。

有什么提示吗?

0 投票
2 回答
2244 浏览

javascript - 灯廊工作不正常

我正在使用 localhost xampp 进行练习。我已经实现了一个 lightgallery 来使用 js 显示我的图像文件夹中的图像,但是 lightgallery 并没有将图像显示为gallaery ..

在这里我摘录我的代码....

不工作......其中元素是跨度标签的类,这个类和跨度是由js(var container ="<span> <bla> <bl>image<bl/> </bla></span>"; $("#this_div_id_in_html_page_or_this_div_of_html_page").append(container);)创建的