问题标签 [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.
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 代码.. 或者我的代码有任何问题..
javascript - 无法重现 lightSlider 文档中的示例
我很难重现 lightSlider 文档在“与 lightGallery 集成”标题下给出的示例中演示的功能(不幸的是没有永久链接):http ://sachinchoolur.github.io/lightslider/examples.html
示例中演示的功能正是我的项目所需要的。这是我的代码版本,仅部分有效,这些是问题:
- 右箭头不见了
- 区域似乎不受限制地向右,延伸到可见图像之外
点击图片调出lightGallery后,右上角X按钮无法关闭
jquery - 关闭、上一个、下一个图标在 Lightgallery Jquery 中未正确显示
我在我的项目中成功配置了 lightgallery。但是,当我单击缩略图并出现大图像时,上一个,下一个,关闭图标未正确显示。事实上奇怪的字符正在显示。这可以在页面上查看:http: //agentpet.com/lightgallery/lg.html。请帮我看看有什么问题吗?
javascript - 如何使 Justified Gallery jQuery 插件与 lighGallery jQuery 插件一起使用
我正在使用 justified Gallery jQuery 插件 ( http://miromannino.github.io/Justified-Gallery ) 构建我的图片库,并尝试将 lightGallery 插件 ( http://sachinchoolur.github.io/lightGallery ) 用作灯箱.
这是我用来触发两者的代码:
HTML:
JS:
javascript - Lightgallery - 显示本地评论框 html 而不是 fb 评论框
我想在我的 CakePHP 网站的Lightgallery实现中显示我的自定义评论框 html 而不是 facebook 的评论框。我怎样才能做到这一点?它需要插件定制吗?
而且,facebook 评论框的实现没有响应,而我也需要它来响应。
javascript - Lightgallery:使图像适合浏览器窗口
我将 Lightgallery 插件用于我的图片库。它工作得很好,但有些东西并不完美。我想将图像放入浏览器窗口。
当图像的分辨率高于浏览器窗口的分辨率时,它可以工作。但是当它较小时,它不适合。
这是插件: http ://sachinchoolur.github.io/lightGallery/
有没有人有解决问题的想法或脚本?
谢谢,詹尼斯
javascript - jQuery lightGallery 动态 - 打开画廊以纠正图像
使用 jQuery lightGallery 插件:http ://sachinchoolur.github.io/lightGallery/
所以我有以下代码:
JSON(数组):
JS:
标记:
所以基本上我所追求的[data-hook="gallery"]
是选择动态光库中的任何图像,动态光库将加载显示该图像作为索引,请记住我的 JS 技能非常有限,所以请引导我完成任何解决方案。
javascript - Lightgallery - 评论框响应
我想lightGallery
用评论框显示,但它必须对移动设备做出响应。我怎样才能做到这一点?它需要插件定制吗?
感谢您的帮助。
javascript - 对象javascript中的for循环
我正在使用 lightGallery,我正在使用动态创建画廊,这是只生成一张图像的代码:
这个 id 变量始终是相同的,但我想循环一个数字,例如从 variable中获取的数字x
。因此,如果x=4
生成的代码如下所示:
所以我想问题是如何在对象中包含一个 for 循环,如果可能的话,在此先感谢!