问题标签 [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 投票
1 回答
1739 浏览

javascript - 动态模式下的 lightGallery:单击时加载的图像不正确

当我动态设置我的 lightGallery 并使用“索引”来定位单击链接时应打开的图像时,除非是第一次单击,否则会显示错误的图像。

换句话说,如果您最初单击缩略图图像,您将看到在弹出的图库中选择了正确的较大图像。但是,如果您随后关闭该图像,然后单击不同的缩略图图像,您将看到错误的图像被放大(它抓住了您单击的第一个图像)。我认为这一定与“索引”功能在第一次点击后卡住有关?

我创建了一个 jsfiddle 来演示这个问题(对所有嵌套的 DIV 等表示歉意,但我相信这不是原因):http: //jsfiddle.net/fcdeLd03/18/

有人有想法么?

这是我启动 lig​​htGallery 的 Javascript 代码:

0 投票
1 回答
1979 浏览

javascript - 如何获得 lightgallery youtube 缩略图?

我正在尝试使用这个插件:https ://github.com/sachinchoolur/lightGallery

我不明白的是 - 它会为图像/视频生成缩略图吗?

而且我无法使用文档从 youtube 获取缩略图...

CSS:

JS:

HTML:

它会做这样的图像......但即便如此,我也无法弄清楚它是否有缩略图,或者它是否需要不同的网址......

而且它不会制作 youtube 缩略图......帮助!

0 投票
0 回答
1093 浏览

jquery - 用 jQuery 解析一个 JSON 文件并填充一个数组供以后使用

对于 lightGallery jQuery 插件,我想使用具有以下结构的 JSON 文件填充一个名为 DynamicEl 的变量:

为了避免 jQuery 函数 $.getJSON 的异步调用问题,我使用了以下代码:

在 JS 控制台中,我可以看到这些对象的值,但我不能使用它们来填充名为 myImages 的全局变量。如果我尝试此变量将在控制台中显示 [object Object]。

我尝试使用 return(String(dataArray); 和 return(JSON.stringify(dataArray); 转换此对象;但没有成功。

最后但并非最不重要的一点是,我尝试了以下相同的错误结果

作为最终结果,我需要一个包含这种格式的 src 和 htmlSub 值的数组

我怎样才能实现这个目标?我不知道如何将“字符串”值从加载的 JSON 文件中获取到全局数组中。先感谢您。

0 投票
3 回答
2565 浏览

javascript - jquery trigger('click') 只工作一次

我正在尝试自定义一个名为LightGallery的 jQuery 灯箱插件,以实现以下结果:

1-使脚本从文件夹中获取所有图像,使用索引增量作为图像路径;

2- 单击另一个元素后打开灯箱。

问题是:

该插件只打开一次灯箱!.

trigger('click')第一次使用它来触发它,但是在关闭它并尝试单击以再次重复它之后它不起作用。

该插件看起来被破坏了,它只打开一个图像!

我希望它在每次单击目标元素时打开灯箱。

这是我的尝试:(笔在这里

0 投票
1 回答
734 浏览

javascript - lightGallery 动态模式不适用于 Firefox 和 Safari

我设置了这个代码来生成一个包含 34 个图像的图库:

当有人点击此链接时,它会被调用: <div class="exhibit-link"><a id="view-gallery" href="">View Gallery</a></div>

但该链接仅适用于 Chrome。在其他浏览器中单击时,画廊看起来会显示,因为有一会儿您可以看到第一张图像出现在叠加层中,但随后它消失了。我在lightGallery文档中看不到任何其他内容表明我的配置中缺少某些内容。但我想知道是否其他人可能已经看到了这个问题并找到了解决方案。谢谢

0 投票
1 回答
88 浏览

javascript - 添加 h1 标签时 Lightgallery 无法正常工作?

我正在使用Lightgallery,一切正常,除非我<h1>在 foreach 循环中回显标签。当我删除它时,画廊工作正常。

添加标签时唯一的问题<h1>是图像没有被加载。我只是看到预加载器永远加载。这可能是什么原因造成的?

我的代码:

这是破坏它的部分:

0 投票
3 回答
1453 浏览

jquery - LightGallery 中的中心缩略图

我正在使用 LightGallery 制作图片库,到目前为止一切正常,但我想将整个缩略图网格与页面中心对齐。现在只是卡在左侧。这是我使用的代码:

编辑:这是CSS:

我在一篇文章中读到我应该使用 margin-left: auto 和 margin-right: auto (我在 ul 上使用过,但似乎不起作用。)感谢您的帮助!

0 投票
2 回答
401 浏览

jquery - LightGallery.js 中的超链接

有谁知道一旦在模型框中打开,如何在 LightGallery 中的图像描述中添加超链接?

我的代码是:

0 投票
1 回答
81 浏览

html - 带有 JqueryMobile 的 LightGallery

我对 LightGallery 插件 ( lightGallery - Git )有一点问题。我使用 jQueryMobile。

我的画廊位于特定页面上。当我到达这个页面时,它会请求一个远程服务器来获取一些图片。

然后我初始化 LightGallery。第一次没问题。

但是当我离开画廊页面并回来之后(有一个新的服务器请求),lightGallery 没有运行。

浏览器中没有错误,我显示了我的照片,但我无法像第一次那样单击它来运行 LightGallery。

我的代码:

HTML:

Javascript:

0 投票
0 回答
92 浏览

javascript - 灯箱库,弹出窗口中的文本阻止

我在相册中使用了 lightgallery。问题是单击弹出窗口打开的照片时,它正在尝试获取相册中的标记文本。我怎样才能阻止它?