lightbox2 相关问题

Lightbox 2是由Lokesh Dhakar开发的JQuery脚本，用于在叠加框中显示图像。它也可用于制作画廊，可在www.LokeshDhakar.com/projects/lightbox2上找到。

在 Rails 7.1 项目中，我使用 importmap 来加载 lightbox2 导入映射.rb 将“lightbox2”固定到：“https://ga.jspm.io/npm:[email protected]/dist/js/lightbox.js” 这有效，但没有...

ruby-on-rails lightbox2 import-maps

回答 1 投票 0

灯箱叠加层在 Chrome 上不显示，但在 Chrome Canary 上运行良好

我在 Lightbox Overlay 上遇到了一些问题，它在 Chrome Canary、Safari、Firefox 和 IE 上完美显示。 Chrome（版本 33）除外。截图： ** 除 Chrome 之外的任何浏览器上的 Lightbox :

jquery html css google-chrome lightbox2

回答 3 投票 0

如何创建图像预览？

我正在尝试在我的网站上实现 lightbox2，但是，它无法按所示方式工作。在官方网站上，它显示了预览，但我无法让它显示。它只是说“图像 1”...

javascript html jquery image lightbox2

回答 1 投票 0

Rails 7.1 的 Lightbox2 未初始化

我正在尝试将 javascript 库 Lightbox2 与 Rails 7.1 应用程序一起使用。配置/导入映射.rb：将“jquery”固定到：“https://ga.jspm.io/npm:[email protected]/dist/jquery.js” 销...

ruby-on-rails lightbox2 import-maps

回答 1 投票 0

使用Lightbox2显示视频

网站：http://blieque.comli.com/motion 在开始之前，我知道 Lightbox2（Lokesh Dhakar 的）有很多替代品来显示视频，但我想避免使用三种不同的 JavaScript 东西，

javascript jquery html lightbox2

回答 1 投票 0

使用lightbox2后点击图像菜单时出现

这是我想要显示图像的代码。我正确链接了灯箱 css 和 js 并且它可以工作，但是当显示图像时，它带有我不想要的菜单栏。这是我想要显示图像的代码。我正确链接了灯箱 css 和 js 并且它可以工作，但是当显示图像时，它带有我不想要的菜单栏。 <div class="carousel-item <?php echo $isActive ? 'active' : ''; ?>"> <a href="<?php echo $photo['filepath']; ?>" data-lightbox="product-photos"> <img src="<?php echo $photo['filepath']; ?>" alt="Product Image" style="width: 200px; height: 200px;"> </a> </div> 为了更好地理解，我附上了它的屏幕截图。谁能帮我这个。谢谢你。

css z-index lightbox2

回答 0 投票 0

带有移动浏览器的 Lightbox2 - 当“太快”滚动到页面底部时，最后一张图片被灯箱挡住了视线灯箱测试

灯箱测试 <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lightbox Test</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.css"> </head> <div> <a href="https://loremflickr.com/320/240?random=1" data-lightbox="test" data-title="test1"> <img src="https://loremflickr.com/320/240?random=1" /> </a> <a href="https://loremflickr.com/320/240?random=2" data-lightbox="test" data-title="test2"> <img src="https://loremflickr.com/320/240?random=2" /> </a> <a href="https://loremflickr.com/320/240?random=3" data-lightbox="test" data-title="test3"> <img src="https://loremflickr.com/320/240?random=3" /> </a> <a href="https://loremflickr.com/320/240?random=4" data-lightbox="test" data-title="test4"> <img src="https://loremflickr.com/320/240?random=4" /> </a> <a href="https://loremflickr.com/320/240?random=5" data-lightbox="test" data-title="test5"> <img src="https://loremflickr.com/320/240?random=5" /> </a> <a href="https://loremflickr.com/320/240?random=6" data-lightbox="test" data-title="test6"> <img src="https://loremflickr.com/320/240?random=6" /> </a> <a href="https://loremflickr.com/320/240?random=7" data-lightbox="test" data-title="test7"> <img src="https://loremflickr.com/320/240?random=7" /> </a> <a href="https://loremflickr.com/320/240?random=8" data-lightbox="test" data-title="test8"> <img src="https://loremflickr.com/320/240?random=8" /> </a> <a href="https://loremflickr.com/320/240?random=9" data-lightbox="test" data-title="test9"> <img src="https://loremflickr.com/320/240?random=9" /> </a> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox-plus-jquery.js"></script> 根据下面的 html 示例，我有五张图片。 Lightbox2 在桌面上运行良好。在 iPhone 13 Max Pro 上，同时使用 Safari 和 Chrome，我看到以下行为：如果我“快速”向下滚动到最后一张图片（这样页面在到达底部时会“弹跳”），然后单击最后一张图片将生成所需的灯箱，但整个页面将重新加载到顶部无法看到页面和灯箱图像（页面上的最后一张）。它位于底部，然后您必须滚动到底部才能找到它。它就在那里，如预期的那样呈现自己。单击所有其他图像会产生完美定位的灯箱，正如预期的那样。如果我“缓慢”滚动到页面底部，而不是“弹跳”到页面底部，那么在按下最后一张图像时，一切都将按预期完美运行。有人见过这种行为吗？任何人都可以复制它吗？谢谢。 `<html lang="en" dir="ltr"> <head> <style> .gallery img { max-width: 100%; padding: 5px 0; } </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lightbox Test</title> <link rel="stylesheet" href="lightbox.css"> </head> <body> <div class="gallery"> <a href="images/test/pic1.jpg" data-lightbox="test" data-title="test1"> <img src="images/test/pic1.jpg"> </a> <a href="images/test/pic2.jpg" data-lightbox="test" data-title="test2"> <img src="images/test/pic2.jpg"> </a> <a href="images/test/pic3.jpg" data-lightbox="test" data-title="test3"> <img src="images/test/pic3.jpg"> </a> <a href="images/test/pic4.jpg" data-lightbox="test" data-title="test4"> <img src="images/test/pic4.jpg"> </a> <a href="images/test/pic5.jpg" data-lightbox="test" data-title="test5"> <img src="images/test/pic5.jpg"> </a> </div> <script src="lightbox-plus-jquery.js"></script> </body> </html> ` 我的 iPhone 11、iOS 16.3、Safari 和 Chrome 浏览器都有同样的问题。在 Android 上，直到今天我才重现这个问题。如果我使用“lightbox-plus-jquery.js”或当前的“jquery.js”v3.6.4 和“lightbox.js”也没有区别。从 iOS 16.3 到 16.4.1 的更新也没有带来任何变化问候克里斯托弗

javascript jquery css lightbox2

回答 1 投票 0

用户单击后退按钮时关闭灯箱对话框

用户单击后退按钮时如何关闭灯箱对话框。我知道如果 URL 哈希值发生变化是可能的，因此如果用户点击 Lightbox 项目，是否有任何方法可以更改 url 哈希值？我检查过

dialog modal-dialog lightbox simplemodal lightbox2

回答 0 投票 0

如何将 youtube 视频添加到灯箱

请将 youtube 视频添加到 Lightbox2 优酷

lightbox2

回答 0 投票 0

Lightbox.options不是一个函数 - lightbox plugin

我使用的是这个lightbox插件，http:/lokeshdhakar.comrojectslightbox2 https:/github.comlokeshlightbox2我在页面上的项目和例子类似。