问题标签 [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 + smoothdivscroll 使用相同的选择器,
我想使用smoothdivscroll(http://smoothdivscroll.com/index.html )作为用户可以使用http://sachinchoolur.github.io/lightGallery/index.html灯箱打开的图像滚动块。不幸的是,这些脚本在使用相同的选择器时不起作用。
如何让两个插件使用相同的选择器?
javascript - DIV结构的JS
我正在使用以下代码为提到的 DIV #lightGallery 调用 JS 函数
我需要修改 JS 代码来为任何 #DIV+num 调用函数,例如 #lightGallery1、#lightGallery2、...等
javascript - jQuery lightGallery 切换缩略图
jQuery lightGallery 给我留下了深刻的印象,使用起来很愉快。根据 lightGallery 网站上的第一个示例,带有动画缩略图的画廊 ( http://sachinchoolur.github.io/lightGallery/examples.html ),我已将导航箭头移到两侧,但隐藏了缩略图。
我已将打开的拇指按钮移到窗口右上角的画廊关闭按钮旁边,如下所示。
那么,如何使用拇指按钮连接拇指的打开/关闭切换?我想我需要查看 onOpen 回调,但我不确定如何使用它,也许是这样的。
这(显然)不起作用。
javascript - AngularJS 中的 lightGallery(jQuery 插件)
我正在尝试让 lightGallery jQuery 插件 ( http://sachinchoolur.github.io/lightGallery/index.html ) 与 AngularJS 一起工作。
我发现一些答案表明我需要一个指令,所以我创建了以下内容:
然后在我看来,我这样做:
(我也尝试过<ul light-gallery>
)当我运行页面时,单击任何缩略图时都没有任何反应。不过,我可以alert()
在链接函数中添加一个,然后显示。
如何让 AngularJS 与 jQuery 和这个插件一起玩?
更新:
经过一些调试后,似乎jQuery(element).lightGallery()
在模型绑定到视图之前执行。所以问题是我如何在所有内容都绑定时而不是之前调用指令。
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 代码更改为仅添加触发图像放大的链接以仅添加图像,而不是整个列表项?或者也许让它只听缩略图而不是整个列表项的点击?谢谢!
这是一张照片来说明我的观点...... 我希望它如何工作的照片
javascript - 使用 LightGallery 在 iframe 中加载 swf 文件?
我正在使用lightGallery将视频加载到嵌入到 lightgallery 弹出窗口中的 iframe 中。
问题是如果我为旧浏览器提供非 HTML5 视频,使用我自己的 Flash 播放器,iframe 保持为空(黑色)。如果我在新选项卡中打开视频,而不是在 lightgallery 中,它会毫无问题地加载。
Web 开发者控制台是空的,这是我最大的问题,因为我无法追踪错误。请注意,所有内容都在同一个域中。
iframe 中的示例代码:
我也试过swfobject,但同样的问题。
有谁能够帮我?我怎样才能找到有关该错误的更多信息?不幸的是,开发人员没有在 github 上回答。
PS:我尝试了使用fancybox嵌入相同的iframe,它可以工作。所以肯定是lightgallery对flash文件有一些问题。
jquery - 将 Wistia 功能添加到 LightGallery
我有一个大问题,我希望这里的某个人能够帮助我,或者指出我正确的方向。
我围绕一个名为 LightGallery 的灯箱画廊建立了一个完整的网站 - ( https://github.com/sachinchoolur/lightGallery )
我使用的 Vimeo 视频运行良好,但客户刚刚通知我,视频现在需要托管在 Wistia 上。
看到 Wisita 在统计报告方面优于 Vimeo 的好处是有道理的,但我对此一无所知。我是一名前端设计师,在谷歌的帮助下一直在努力。
这对我来说是中等难度范围内的事情吗?还是我应该重新开始,寻找一个已经允许 wistia 的插件?
提前感谢您提供的任何帮助。
最好的,尼克
jquery - 带有 jQuery 1.11.3 的 lightGallery 1.2 显示无尽的微调器和 JS 错误,这是怎么回事?
我使用 jquery 1.11.3 和 bower 安装的新版本 1.2 的 lightgallery ( https://github.com/sachinchoolur/lightGallery ) 进行了以下设置。我尝试了几个带有和不带有选择器的变体,例如以下,但始终打开图库(好的),但在 JS 错误和旋转符号下方显示。那有什么问题?
和
发生此错误:
这是
我做错了吗?还是 lightgallery 脚本中隐藏了一些错误?
jquery - 灯廊匹配错误
我正在制作一个带有灯光画廊插件的视频画廊,以便及时运行它会产生以下错误 Uncaught TypeError: Can not read property 'match' of undefined,正如在论坛中研究的那样,但还没有解决方案。
测试页面:
javascript - Lightgallery哈希插件中有多个画廊?
我无法运行插件 Lightgallery 哈希。我希望在同一页面上有两个画廊,单击一个按钮应该显示另一个。如果我没记错的话,插件应该这样做。
我添加了这个 HTML 结构:
而这个Javascript:
这是正确的还是有什么问题?