问题标签 [fancybox-3]

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 回答
4646 浏览

fancybox - Fancybox 3:如何显示模态 iframe 的小关闭按钮?

我正在使用 Fancybox 3 来显示模态 iframe。这是我初始化 Fancybox 的代码:

如果我删除modal: true,我可以看到小按钮。但是,如果我设置小按钮不会显示modal: true

0 投票
1 回答
311 浏览

javascript - Fancybox 打开时不适合图像

当我尝试打开图像时,它不适合缩放。我什至尝试使用官方网站上提供的示例。它不适用于本地页面,但适用于 jsfiddle 和类似网站(具有相同的 html/css)。

这是一个代码示例和一些关于它如何在本地服务器上工作的动画(使用 ZF3 框架应用程序)。像官方网站上的图像网格只有 bootstrap 4(它的工作原理与 w/o bootstrap 相同):

在此处输入图像描述

0 投票
1 回答
176 浏览

fancybox - 当 iframe 预加载为 false 时,如何访问初始空白块并更改其样式?

我正在为我的项目使用 Fancybox 3。这是我的代码

当fancybox开始显示时,它首先显示一个空白的白色块。这个白色块会停留半秒或一两秒,具体取决于内容。请看这个截图:

在此处输入图像描述

我想访问它并进行一些自定义。我怎样才能访问它?如何改变它的风格?

0 投票
1 回答
2132 浏览

javascript - fancyBox3 - 单击打开的图像时如何禁用缩放

再会。

我有这样的问题:打开fancyBox画廊时,我只需单击打开的图像(幻灯片),图像就会缩放。我需要禁用这种行为。

在文档中,建议使用clickContent事件来自定义行为。我从文档中获取示例并通过以下方式初始化我的画廊副本:

clickContent覆盖不起作用。我试过console.log() clickContent事件:

但我没有成功。

也许我在某个地方犯了一个错误。请纠正我。先感谢您!

0 投票
3 回答
6889 浏览

javascript - 如何通过mousemove禁用滑动fancybox幻灯片

我正在使用fancybox 3。我需要通过mousemove 关闭滑动fancybox 幻灯片。我想只留下控制按钮下一个\上一个。我怎样才能做到这一点?谢谢。

0 投票
1 回答
1474 浏览

button - fancybox-3 关闭按钮禁用/启用延迟不起作用

我有我的fancybox 关闭按钮显示:无;当 iframe 打开时,我希望关闭按钮延迟 x 时间出现。和这个DEMO一模一样。虽然它在早期版本的花式框在这里解决了,但在花式框 3 它第一次工作,此后关闭按钮不会出现,直到我刷新页面。

我使用以下 JS 代码进行延迟:

有任何想法吗?谢谢。

0 投票
2 回答
11060 浏览

javascript - Fancybox 3:单击图像时禁用缩放

我使用Kirby CMS ( https://getkirby.com/ ) 中的 Fancybox 3 插件 ( http://fancyapps.com/fancybox/3/docs/ ) 设置了一个简单的图像滑块。我唯一无法解决的问题是如何在滑块打开时单击图像时阻止滑块放大图像。

有人可以帮我解决这个问题吗?

我尝试包含clickSlide : 'close',在滑块的选项中,但它不起作用。

以下是我在我的网站上为滑块全局设置的选项:

0 投票
0 回答
271 浏览

jquery - Fancybox 3 内容焦点 jQuery UI 日期选择器

我目前正在将 Fancybox 2 升级到 Fancybox 3,在我的一个 FB 3 覆盖(内联)中,我有一个带有 jquery UI 日期选择器的输入字段的表单。在 FB2 中,当您打开选择器时,您可以在选择器外部和表单内单击以将其关闭,但在 FB3 在表单内(如标签上)的日期选择器外部单击时,焦点不再设置并且选择器不会关闭。关闭选择器的唯一方法是使用鼠标右键或选择其他输入字段。我怎样才能解决这个问题?它与 FancyBox 3 中使用的“clickContent : function(current, event) {}”有关。

设备是台式机,在移动/平板电脑上可以正常工作。

0 投票
1 回答
1571 浏览

javascript - Fancybox 3:为滑块的左侧和右侧设置不同的光标

我已经为一个网站设置了 fancybox 3 插件 ( http://fancyapps.com/fancybox/3/ ) 并正在自定义它的外观。我已经更改了用户可以用来滑动到下一张/上一张图片的箭头的 CSS,以便可单击以滑动到下一张图片的区域覆盖了左右屏幕的 49%,即用户可以随时点击在每个图像的左侧或右侧滑动到下一个。

现在我也想为滑块的每一侧设置自定义光标;右侧应显示右向箭头,左侧应显示左向箭头。我当前的问题是我无法为滑块的任一侧设置光标,只能为一般可点击区域设置光标。如何区分这两者并为每个设置不同的滑块?

这是jquery.fancybox.css我已更改的部分以及显示当前版本的 .gif 文件(我将可点击区域涂成绿色以使其更明显):

在 .gif 中,您可以看到光标变为右向箭头,但它应用于滑块的两侧。

在此处输入图像描述

0 投票
1 回答
650 浏览

mobile - 移动设备上的 FancyBox 3 - 通过点击而不是滑动来关闭弹出窗口

如您所知,移动设备上的 FancyBox 3 允许通过向上/向下滑动来关闭弹出窗口。我们怎样才能通过点击手机屏幕来关闭它呢?如果可以的话当然可以。

谢谢。