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

javascript - lightgallery 不适用于动态生成的元素

我已经在我的本地站点上实现了 lighgallery 插件......这不适用于 dom 元素......

例如

1.) 将使用 js 创建的 dom 元素附加到 html 代码..

如果我在 js 中创建这样的东西,"<span id='imgcon'><a href="image"><img src="image"></a></span>"并且所有代码都在一个变量中,让我们调用galleryview(var galleryview)并且这个变量我附加到 html 文件中的 div<html><head></head><bdy><div class="container"></div></bdy></html>并像这样从 js 文件代码$(".container").append(galleryview);中附加,最后我使用这个$(".imgcon").lightGallery();不工作...

这是jsfiddle 演示不适用于 dom

2.) 图像在 html 代码中

我有像这样的 html 代码<html><head></head><bdy><div class="container"><span class="imgcont"><a href="image"><img src="image"></a></span></bdy></html> 这可以正常工作。$(".imgcon").lightGallery();

这是没有 dom的jsfiddle 工作演示。

问题:为什么我不能将 dom 与 lightgallery 一起使用?

第一个演示不工作,因为我使用 js dom,第二个演示工作,因为我在 html 文件中使用 html 代码.. 或者我的代码有任何问题..

0 投票
0 回答
297 浏览

javascript - 无法重现 lightSlider 文档中的示例

我很难重现 lightSlider 文档在“与 lightGallery 集成”标题下给出的示例中演示的功能(不幸的是没有永久链接):http ://sachinchoolur.github.io/lightslider/examples.html

示例中演示的功能正是我的项目所需要的。这是我的代码版本,仅部分有效,这些是问题:

  • 右箭头不见了
  • 区域似乎不受限制地向右,延伸到可见图像之外
  • 点击图片调出lightGallery后,右上角X按钮无法关闭

0 投票
7 回答
8691 浏览

jquery - 关闭、上一个、下一个图标在 Lightgallery Jquery 中未正确显示

我在我的项目中成功配置了 lightgallery。但是,当我单击缩略图并出现大图像时,上一个,下一个,关闭图标未正确显示。事实上奇怪的字符正在显示。这可以在页面上查看:http: //agentpet.com/lightgallery/lg.html。请帮我看看有什么问题吗?

0 投票
0 回答
443 浏览

javascript - 如何使 Justified Gallery jQuery 插件与 lighGallery jQuery 插件一起使用

我正在使用 justified Gallery jQuery 插件 ( http://miromannino.github.io/Justified-Gallery ) 构建我的图片库,并尝试将 lightGallery 插件 ( http://sachinchoolur.github.io/lightGallery ) 用作灯箱.

这是我用来触发两者的代码:

HTML:

JS:

0 投票
2 回答
1623 浏览

javascript - Lightgallery - 显示本地评论框 html 而不是 fb 评论框

我想在我的 CakePHP 网站的Lightgallery实现中显示我的自定义评论框 html 而不是 facebook 的评论框。我怎样才能做到这一点?它需要插件定制吗?

而且,facebook 评论框的实现没有响应,而我也需要它来响应。

0 投票
3 回答
1207 浏览

javascript - Lightgallery:使图像适合浏览器窗口

我将 Lightgallery 插件用于我的图片库。它工作得很好,但有些东西并不完美。我想将图像放入浏览器窗口。

当图像的分辨率高于浏览器窗口的分辨率时,它可以工作。但是当它较小时,它不适合。

这是插件: http ://sachinchoolur.github.io/lightGallery/

有没有人有解决问题的想法或脚本?

谢谢,詹尼斯

0 投票
2 回答
1658 浏览

lightgallery - 无法让 Lightagallery js 工作:未捕获的类型错误:无法读取未定义的属性“模块”

我已经看到一些用户遇到同样的问题:

灯廊不工作

但我仍然无法让它工作,这是我的代码:

无法弄清楚我错过了什么。

谢谢你的帮助

0 投票
0 回答
1853 浏览

javascript - jQuery lightGallery 动态 - 打开画廊以纠正图像

使用 jQuery lightGallery 插件:http ://sachinchoolur.github.io/lightGallery/

所以我有以下代码:

JSON(数组):

JS:

标记:

所以基本上我所追求的[data-hook="gallery"]是选择动态光库中的任何图像,动态光库将加载显示该图像作为索引,请记住我的 JS 技能非常有限,所以请引导我完成任何解决方案。

0 投票
0 回答
189 浏览

javascript - Lightgallery - 评论框响应

我想lightGallery用评论框显示,但它必须对移动设备做出响应。我怎样才能做到这一点?它需要插件定制吗?

感谢您的帮助。

0 投票
3 回答
4418 浏览

javascript - 对象javascript中的for循环

我正在使用 lightGallery,我正在使用动态创建画廊,这是只生成一张图像的代码:

这个 id 变量始终是相同的,但我想循环一个数字,例如从 variable中获取的数字x。因此,如果x=4生成的代码如下所示:

所以我想问题是如何在对象中包含一个 for 循环,如果可能的话,在此先感谢!