问题标签 [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 回答
1406 浏览

javascript - 对查询 lightGallery + smoothdivscroll 使用相同的选择器,

我想使用smoothdivscroll(http://smoothdivscroll.com/index.html )作为用户可以使用http://sachinchoolur.github.io/lightGallery/index.html灯箱打开的图像滚动块。不幸的是,这些脚本在使用相同的选择器时不起作用。

如何让两个插件使用相同的选择器?

0 投票
3 回答
95 浏览

javascript - DIV结构的JS

我正在使用以下代码为提到的 DIV #lightGallery 调用 JS 函数

我需要修改 JS 代码来为任何 #DIV+num 调用函数,例如 #lightGallery1、#lightGallery2、...等

0 投票
1 回答
2519 浏览

javascript - jQuery lightGallery 切换缩略图

jQuery lightGallery 给我留下了深刻的印象,使用起来很愉快。根据 lightGallery 网站上的第一个示例,带有动画缩略图的画廊 ( http://sachinchoolur.github.io/lightGallery/examples.html ),我已将导航箭头移到两侧,但隐藏了缩略图。

我已将打开的拇指按钮移到窗口右上角的画廊关闭按钮旁边,如下所示。

那么,如何使用拇指按钮连接拇指的打开/关闭切换?我想我需要查看 onOpen 回调,但我不确定如何使用它,也许是这样的。

这(显然)不起作用。

0 投票
3 回答
5632 浏览

javascript - AngularJS 中的 lightGallery(jQuery 插件)

我正在尝试让 lightGallery jQuery 插件 ( http://sachinchoolur.github.io/lightGallery/index.html ) 与 AngularJS 一起工作。

我发现一些答案表明我需要一个指令,所以我创建了以下内容:

然后在我看来,我这样做:

(我也尝试过<ul light-gallery>)当我运行页面时,单击任何缩略图时都没有任何反应。不过,我可以alert()在链接函数中添加一个,然后显示。

如何让 AngularJS 与 jQuery 和这个插件一起玩?

更新:

经过一些调试后,似乎jQuery(element).lightGallery()在模型绑定到视图之前执行。所以问题是我如何在所有内容都绑定时而不是之前调用指令。

0 投票
3 回答
3351 浏览

jquery - 控制点击触发 jQuery lightGallery

一直在尝试在我的网站上实现 jQuery LightGallery,但是对于缩略图的需要,我有一个独特的结构。这些画廊用于在特定活动中拍摄的照片,只有一个人查看画廊。对于这些照片,我有自己的基于 javascript 的“LIKE”系统,因此人们可以喜欢这些照片。问题是人们想在手机上查看图像,而画廊不是为此而建的。LightGallery 就是答案。所以在每个缩略图下面我有一个 LIKE 按钮,它是一个 DIV,上面有一个链接,可以触发一个 javascript 函数。问题是,当我尝试在 LightGallery 的 LIST 结构中实现这一点时,LightGallery 侦听器会覆盖该 DIV 上的链接,而不是触发大图像。所以例如...

因此,您可以想象,最后一个链接和 div 应该允许您单击它并触发 loadintoiframe javascript...但是 LightGallery 会覆盖该链接。我尝试通过 CSS 进行 z-index 以查看是否可以将 DIV 置于 LightGallery 所做的任何事情之上,但每次我尝试单击该 div 时,它只会放大照片。

所以我的问题是如何将 LightGallery 代码更改为仅添加触发图像放大的链接以仅添加图像,而不是整个列表项?或者也许让它只听缩略图而不是整个列表项的点击?谢谢!

这是一张照片来说明我的观点...... 我希望它如何工作的照片

0 投票
1 回答
395 浏览

javascript - 使用 LightGallery 在 iframe 中加载 swf 文件?

我正在使用lightGallery将视频加载到嵌入到 lightgallery 弹出窗口中的 iframe 中。

问题是如果我为旧浏览器提供非 HTML5 视频,使用我自己的 Flash 播放器,iframe 保持为空(黑色)。如果我在新选项卡中打开视频,而不是在 lightgallery 中,它会毫无问题地加载。

Web 开发者控制台是空的,这是我最大的问题,因为我无法追踪错误。请注意,所有内容都在同一个域中。

iframe 中的示例代码:

我也试过swfobject,但同样的问题。

有谁能够帮我?我怎样才能找到有关该错误的更多信息?不幸的是,开发人员没有在 github 上回答。


PS:我尝试了使用fancybox嵌入相同的iframe,它可以工作。所以肯定是lightgallery对flash文件有一些问题。

0 投票
1 回答
184 浏览

jquery - 将 Wistia 功能添加到 LightGallery

我有一个大问题,我希望这里的某个人能够帮助我,或者指出我正确的方向。

我围绕一个名为 LightGallery 的灯箱画廊建立了一个完整的网站 - ( https://github.com/sachinchoolur/lightGallery )

我使用的 Vimeo 视频运行良好,但客户刚刚通知我,视频现在需要托管在 Wistia 上。

看到 Wisita 在统计报告方面优于 Vimeo 的好处是有道理的,但我对此一无所知。我是一名前端设计师,在谷歌的帮助下一直在努力。

这对我来说是中等难度范围内的事情吗?还是我应该重新开始,寻找一个已经允许 wistia 的插件?

提前感谢您提供的任何帮助。

最好的,尼克

0 投票
1 回答
646 浏览

jquery - 带有 jQ​​uery 1.11.3 的 lightGallery 1.2 显示无尽的微调器和 JS 错误,这是怎么回事?

我使用 jquery 1.11.3 和 bower 安装的新版本 1.2 的 lightgallery ( https://github.com/sachinchoolur/lightGallery ) 进行了以下设置。我尝试了几个带有和不带有选择器的变体,例如以下,但始终打开图库(好的),但在 JS 错误和旋转符号下方显示。那有什么问题?

发生此错误:

这是

我做错了吗?还是 lightgallery 脚本中隐藏了一些错误?

0 投票
1 回答
3469 浏览

jquery - 灯廊匹配错误

我正在制作一个带有灯光画廊插件的视频画廊,以便及时运行它会产生以下错误 Uncaught TypeError: Can not read property 'match' of undefined,正如在论坛中研究的那样,但还没有解决方案。

测试页面:

https://jsfiddle.net/joseferreira/37cgt6jq/

0 投票
2 回答
3588 浏览

javascript - Lightgallery哈希插件中有多个画廊?

我无法运行插件 Lightgallery 哈希。我希望在同一页面上有两个画廊,单击一个按钮应该显示另一个。如果我没记错的话,插件应该这样做。

我添加了这个 HTML 结构:

而这个Javascript:

这是正确的还是有什么问题?