问题标签 [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.
javascript - 使用数据属性初始化的fancybox向fancybox添加箭头以响应
我使用了非常酷的 Fancybox 3,唯一让我的客户感到困扰的是,在响应版本的盒子中没有视觉指示,您可以滑动以转到下一张图片。
现在我在 fancybox doc 页面上看到,您可以通过这种方式后加载和添加内容:
但我不使用通过javascript初始化的fancybox,而是直接通过html属性。我怎样才能确保在fancybox中添加一些东西?
jquery - Fancybox 3 无法覆盖 iframe 的宽度和高度
我发现了很多 fancybox2 解决方案,但没有找到一个 fancybox 3 解决方案。所以第一件事
我的 iframe 中有这样的 html
尽管文档称它可以被覆盖,但我无法更改任何内容。但是我可以从源文件进行更改,没关系
fancybox-3 - 预加载 fancybox 图像
目前使用fancybox 3.1
这是我的网站。http://www.noor-azmi.com/element/projects.html
如何让图片加载更快?一旦用户在页面中而不是当用户单击缩略图时,我如何使图像加载
目前它正在自动播放
非常感谢!
android - Fancybox 在移动设备上没有响应
我在我的网站 (www.chaotickym.com) 的索引页面上使用 Fancybox 3。该页面在笔记本电脑等大屏幕上正确显示,但在手机上查看时无法正确调整大小。
如果在更大的设备上查看,就好像页面几乎仍然是相同的宽度。菜单一直在最右边,您必须将手指沿着屏幕的最顶部向右滑动才能看到它。
我网站上的其他页面正确显示。如果我从我的索引页面中删除插件代码,那么它本质上是一个空白页面,该页面将正确显示。这让我认为显示调整大小问题与插件有关。
有没有办法让它大小正确,或者最好在较小的设备上禁用 Fanybox?
iframe - 如何在fancybox 3 的iframe 中使用滚动?
我正在尝试iframe
在 fancyapp 3 中使用 with ,我需要将参数设置为preload
and ,但是使用我当前的代码我无法这样做。scrolling
false
auto
你能检查一下它有什么问题吗?
遵循代码:
javascript - 如何在没有数据属性的情况下使用 Fancybox3 和 jquery 加载 ajax 灯箱
一个菜鸟的问题。
我有一个链接
我有一个 page.html
如何使用 Fancybox3 ajax 灯箱加载#two div,而不通过将“data-fancybox”或“href=”等数据属性添加到“data-src=”覆盖来更改链接。
对不起我的英格兰人:)
fancybox-3 - Fancybox 3.0 淡入淡出
目前我正在使用fancybox 3.0。它在自动播放。当它更改为下一张图像时,我如何制作它会有淡入淡出效果?
这是目前我的代码
fancybox-3 - Fancybox 3.1 幻灯片之间的过渡效果
根据这个https://codepen.io/fancyapps/pen/LyNXqr 幻灯片之间的过渡效果,可以有“旋转”“淡化”“圆形”等等。我已经在使用 FB 3.1
目前在下面的代码中,我将过渡效果设置为旋转,但它不起作用。请告诉完整和准确的代码以及它应该放在哪里。因为我对 JS 很陌生,因为我对 HTML 和 CSS 了解不多。
javascript - 为当前图像/幻灯片分配类
我正在使用 fancybox 3,需要为当前打开的幻灯片分配一个类
到目前为止,我已经尝试过这个,但没有成功:
如何为当前打开的图像分配一个类?我必须使用$(slide)
orslide
代替$(this)
吗?