问题标签 [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 投票
0 回答
184 浏览

html - Fantasybox 3 在 ipad 上的白色覆盖

我在网络上使用fancybox 3 制作视频,它可以在所有设备上流畅运行,但在iPad 上,如果你清除了所有网络历史记录然后启动网站并第一次点击视频,视频上会出现一个白色覆盖,然后如果刷新然后再次单击视频,它可以正常工作,不再有白色 div。

还有一件事是视频位于光滑的滑块下。

作为参考,我在这里附上问题的图像。

在此处输入图像描述 在此处输入图像描述

0 投票
2 回答
349 浏览

javascript - 使用数据属性初始化的fancybox向fancybox添加箭头以响应

我使用了非常酷的 Fancybox 3,唯一让我的客户感到困扰的是,在响应版本的盒子中没有视觉指示,您可以滑动以转到下一张图片。

现在我在 fancybox doc 页面上看到,您可以通过这种方式后加载和添加内容:

但我不使用通过javascript初始化的fancybox,而是直接通过html属性。我怎样才能确保在fancybox中添加一些东西?

0 投票
3 回答
9096 浏览

jquery - Fancybox 3 无法覆盖 iframe 的宽度和高度

我发现了很多 fancybox2 解决方案,但没有找到一个 fancybox 3 解决方案。所以第一件事

我的 iframe 中有这样的 html

尽管文档称它可以被覆盖,但我无法更改任何内容。但是我可以从源文件进行更改,没关系

0 投票
1 回答
274 浏览

fancybox-3 - 预加载 fancybox 图像

目前使用fancybox 3.1

这是我的网站。http://www.noor-azmi.com/element/projects.html

如何让图片加载更快?一旦用户在页面中而不是当用户单击缩略图时,我如何使图像加载

目前它正在自动播放

非常感谢!

0 投票
1 回答
890 浏览

android - Fancybox 在移动设备上没有响应

我在我的网站 (www.chaotickym.com) 的索引页面上使用 Fancybox 3。该页面在笔记本电脑等大屏幕上正确显示,但在手机上查看时无法正确调整大小。

如果在更大的设备上查看,就好像页面几乎仍然是相同的宽度。菜单一直在最右边,您必须将手指沿着屏幕的最顶部向右滑动才能看到它。

我网站上的其他页面正确显示。如果我从我的索引页面中删除插件代码,那么它本质上是一个空白页面,该页面将正确显示。这让我认为显示调整大小问题与插件有关。

有没有办法让它大小正确,或者最好在较小的设备上禁用 Fanybox?

0 投票
1 回答
1502 浏览

iframe - 如何在fancybox 3 的iframe 中使用滚动?

我正在尝试iframe在 fancyapp 3 中使用 with ,我需要将参数设置为preloadand ,但是使用我当前的代码我无法这样做。scrollingfalseauto

你能检查一下它有什么问题吗?

遵循代码:

0 投票
2 回答
682 浏览

javascript - 如何在没有数据属性的情况下使用 Fancybox3 和 jquery 加载 ajax 灯箱

一个菜鸟的问题。

我有一个链接

我有一个 page.html

如何使用 Fancybox3 ajax 灯箱加载#two div,而不通过将“data-fancybox”或“href=”等数据属性添加到“data-src=”覆盖来更改链接。

对不起我的英格兰人:)

0 投票
1 回答
263 浏览

fancybox-3 - Fancybox 3.0 淡入淡出

目前我正在使用fancybox 3.0。它在自动播放。当它更改为下一张图像时,我如何制作它会有淡入淡出效果?

这是目前我的代码

0 投票
1 回答
818 浏览

fancybox-3 - Fancybox 3.1 幻灯片之间的过渡效果

根据这个https://codepen.io/fancyapps/pen/LyNXqr 幻灯片之间的过渡效果,可以有“旋转”“淡化”“圆形”等等。我已经在使用 FB 3.1

目前在下面的代码中,我将过渡效果设置为旋转,但它不起作用。请告诉完整和准确的代码以及它应该放在哪里。因为我对 JS 很陌生,因为我对 HTML 和 CSS 了解不多。

0 投票
1 回答
142 浏览

javascript - 为当前图像/幻灯片分配类

我正在使用 fancybox 3,需要为当前打开的幻灯片分配一个类

到目前为止,我已经尝试过这个,但没有成功:

如何为当前打开的图像分配一个类?我必须使用$(slide)orslide代替$(this)吗?