lightbox 相关问题

Lightbox和较新的Lightbox 2是一个JavaScript应用程序,用于使用模态对话框显示大图像。

Woocommerce:如何获取产品图片并将其放入默认店面图片中?

我想更改 woocommerce 店面主题的布局。到目前为止,我通过以下方式获取产品图片: 回声 $product->get_image('full'); 它显示没有灯箱的图像......

回答 1 投票 0

有没有办法在拖动使用 Lity 的图像时避免 Lity 库发生火灾?

我有一个可拖动的图像滑块。这些图像已实现 Lity 库,用于在用户单击每个图像时打开灯箱。 问题是我无法拖动图像...

回答 1 投票 0

Bootstrap 5 Lightbox 不需要的滚动条

我有一个在带有 Lightbox 的 Bootstrap 5.3 上运行的网站。当模式打开时,页面本身会滚动。我不知道如何解决这个问题,因此页面无法滚动。 这里的例子: 例子 我已经...

回答 1 投票 0

使图像成为灯箱中的超链接

我试图使灯箱项目内的图像 - “portfolio-1.png”在点击时指向页面explainpage.html。然而,当我正常地将鼠标悬停在图像上时,会看到较小版本的 t...

回答 1 投票 0

CSS Lightbox 关闭时跳转到页面顶部

我正在开发我的单页作品集网站。由于害怕 JavaScript,我找到了一种在我的工作页面上使用 CSS 创建灯箱的方法。网站可以在这里查看:http://codepen.io/lauramort...

回答 5 投票 0

如何在Javascript中定位::backdrop来关闭模态框?

我有一个使用对话框元素创建背景伪元素的模式弹出窗口。我希望人们能够单击导致模式关闭的任何地方。然而我不能完全瞄准电子...

回答 1 投票 0

如何在fancybox的ox_options['baseTpl']上方添加过滤选项

$fancybox_options['baseTpl'] = '' 。 ... $fancybox_options['baseTpl'] = '<div class="modula-fancybox-container modula-lightbox-' . $settings['gallery_id'] . '" role="dialog" tabindex="-1">' . '<div class="modula-fancybox-bg"></div>' . '<div class="modula-fancybox-inner">' . '<div class="modula-fancybox-infobar"><span data-fancybox-index></span>&nbsp;/&nbsp;<span data-fancybox-count></span></div>' . '<div class="modula-fancybox-toolbar">{{buttons}}</div>' . '<div class="modula-fancybox-navigation">{{arrows}}</div>' . '<div class="modula-fancybox-stage"></div>' . '<div class="modula-fancybox-caption"><div class="modula-fancybox-caption__body"></div></div>' . "</div>" . "</div>"; 我想在灯箱画廊上添加过滤选项。 假设您想添加一个过滤器选项来过滤灯箱图库中的图像,您可以修改baseTpl以包含过滤器控件。这是一个例子: $fancybox_options['baseTpl'] = '<div class="modula-fancybox-container modula-lightbox-' . $settings['gallery_id'] . '" role="dialog" tabindex="-1">' . '<div class="modula-fancybox-bg"></div>' . '<div class="modula-fancybox-inner">' . '<div class="modula-fancybox-infobar"><span data-fancybox-index></span>&nbsp;/&nbsp;<span data-fancybox-count></span></div>' . '<div class="modula-fancybox-toolbar">{{buttons}}</div>' . '<div class="modula-fancybox-filter"> <label for="filter">Filter:</label> <select id="filter"> <option value="all">All</option> <option value="category1">Category 1</option> <option value="category2">Category 2</option> <!-- Add more options as needed --> </select> </div>' . '<div class="modula-fancybox-navigation">{{arrows}}</div>' . '<div class="modula-fancybox-stage"></div>' . '<div class="modula-fancybox-caption"><div class="modula-fancybox-caption__body"></div></div>' . "</div>" . "</div>"; 我添加了一个带有类 modula-fancybox-filter 的 div,其中包含一个标签和一个用于过滤器的选择元素。您可以根据您的具体用例自定义选项和值。 将过滤器控件添加到baseTpl后,您需要使用JavaScript或jQuery来处理过滤逻辑。将事件监听器附加到过滤器选择元素的更改事件,然后相应地更新灯箱图库。 $(document).ready(function () { $('#filter').on('change', function () { var filterValue = $(this).val(); // Implement logic to filter the lightbox gallery based on the selected value // You may need to hide/show or reload the images accordingly }); }); 注意:根据您的图像结构以及您想要如何过滤灯箱图库中的图像来调整过滤逻辑。

回答 1 投票 0

Wordpress Lightbox 问题

我的灯箱有问题,我似乎无法将手指放在上面。当灯箱打开时,它会将帖子/页面加载为第一张幻灯片,而不是图库中的图像。我也收到了

回答 1 投票 0

使用CSS按比例更改图像大小

我已经尝试了几天来配置我的缩略图库,以便所有图像都显示相同的高度和宽度。但是,当我将 CSS 代码更改为: 最大高度:150px; 最大宽度:

回答 10 投票 0

Scriptaculous / 原型模态窗口

我想使用prototype和scriptaculous制作一个模态窗口。我想知道是否有任何网站有教程,或者是否有人可以给我一些想法从哪里开始。 (我不...

回答 1 投票 0

Wordpress 中的灯箱未全屏显示

我的媒体轮播播放器有问题。我正在拉入 vimeo 链接,以在幻灯片设置中展示我客户的视频。当我按下播放按钮以显示灯箱时,窗口...

回答 1 投票 0

默认情况下会稍微缩放显示“Yet Another React Lightbox”幻灯片图像

我在我的网站上使用了这个“Yet Another React Lightbox”,我对此很满意,但我需要一点帮助。 我想默认显示稍微缩放的幻灯片图像(变换:sca...

回答 1 投票 0

图像预览 basicLightbox

图库中的图像应该以模式打开,但是下载它并且不知道为什么。 以下是要遵循的标准: - 脚本和basicLightbox模态窗口库样式的组合。使用 jsdelivr C...

回答 1 投票 0

使用glightbox隐藏图库图像

我希望使用 Glightbox (https://github.com/biati-digital/glightbox) 创建一个包含 4 个缩略图的简单灯箱画廊。但是,我希望每个缩略图都包含 3 张图像的图库。 ...

回答 0 投票 0

有人可以协助弃用的 create_function () 吗?

我使用 Visual Lightbox 的 Wordpress 插件在我的网站上创建照片库。 Wordpress 最近要求我更新到 PHP 8,这导致 Wordpress 出错。我联系了

回答 1 投票 0

不公开视频的 Vimeo 嵌入(2023 更新)

Vimeo 最近更新了他们的嵌入代码的工作方式。 (“从 Vimeo 隐藏”隐私设置现在位于“不公开”下。)由于此更改,我的视频将无法再在 Magni 中播放...

回答 0 投票 0

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

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

回答 0 投票 0

将 js 简化为动态的东西,而不是重复的 onclick 项目显示

我找到了一个轻量级的灯箱代码示例,但是,它依赖于 ID,我打算在 20 多个项目上使用它,我宁愿没有 20 个硬编码的 js 行来引用我知道可以是动态的东西,我是

回答 2 投票 0

Lightbox 不覆盖页面

Lightbox 不覆盖页面,而是放大页面并在底部添加图像,低于正常页面末尾,我该如何解决。我尝试安装最新版本的 Lightbox ...

回答 1 投票 0

如何将这个值绑定到 vue 上的动态图像中的 src 属性

我是 vue 的新手,我正在学习,所以我的代码可以非常简单,我想制作一种灯箱,我的问题是我不知道如何将 imgSrc 属性链接到图像是...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.