问题标签 [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 回答
388 浏览

javascript - fancyBox 3 modal page shift on resize

当模态溢出发生时,模态移出页面。擦除该元素.fancybox-slide:before会使模态回到屏幕顶部,但是没有这个元素,模态将无法居中。

模态由以下人员创建:

HTML是:


如果我将里面的内容设置.fancybox-slidemax-width: 100%,一切正常,但内容视图中有一个 x 滚动条。

0 投票
2 回答
470 浏览

javascript - fancybox 3 中的图像文件名

在文档中找不到这个,虽然看起来很微不足道。你如何在fancybox中显示图像的文件名?

0 投票
1 回答
76 浏览

javascript - 如何使用 Fancybox3 链接到另一个页面上的隐藏 div

我正在尝试在不同页面中显示另一个网页中的隐藏 div,因此我不必使用 fancybox 3 两次更改数据。 由于这些页面是 Web 内容管理系统中的平台,因此无法简单数据库。

数据隐藏在这样的页面上

页面上的链接是

单击时会弹出一个带有小时数的花式框

我想显示页面不同的页面,然后单击链接

它只显示主页。:-/

点击时我需要一些java来显示隐藏的div吗?

0 投票
1 回答
2795 浏览

jquery - Fancybox 画廊导航不起作用

我在多个 WordPress 网站上将 Fancybox 用于照片库。

自从升级到最新的 Fancybox 代码后,我遇到了 Fancybox 画廊导航无法正常工作的问题。

照片完美打开,但它们没有链接在一起。

这是我在头脑中使用的简单代码:

画廊是使用 WordPress 默认媒体画廊短代码生成的。

这是我的幻想电话:

如您所见,我正在尝试将 rel="group1" 分配给链接。我也试过属性“data-fancybox-group”。

两者都没有工作。

这是链接:

演示网站

关于如何让导航按钮出现并将这些照片链接为画廊的任何想法?

会不会是 jQuery 版本问题?

0 投票
1 回答
2045 浏览

javascript - Fancybox 3 默认启用缩放

我正在使用fancybox 3,并希望默认启用缩放。弹出窗口出现后,我必须再次单击它以进行缩放。但我希望图像默认处于缩放状态。

  • 我用过 instance.scaleToActual(); 选项,但它仅适用于 afterShow: 选项

有没有办法在负载上应用这个?

0 投票
2 回答
7172 浏览

jquery - Fancybox 3 ajax 加载图片库

Fancy box 3文档提供了一些关于其 AJAX 功能的示例。我希望能够单击一个按钮并加载一个“图库”,其中包含从 ajax 响应加载的图像。

我发现的一个例子(本页的最后一个需要将画廊的图像路径硬编码在一个隐藏的 div 中;这很好,但我宁愿通过使用 AJAX 加载来减少页面加载时间。

我发现了一些看起来很有希望的东西,但我不确定如何在其中实现 ajax。有任何想法吗?

0 投票
1 回答
76 浏览

jquery - 如何在另一个元素加载后移动一个元素

我有一个fancybox modal/slideshow,一旦你点击页面上的一个项目就会被激活。然后它创建一个容器 div 放置在 body 标签的顶部。

我想将此容器 div 嵌套在页面上的 #content div 中。尝试使用 jQuery .appendTo 方法,但它不起作用。我假设这是因为我需要在 fancybox 容器 div 加载后调用这个函数。这是我到目前为止的地方:

0 投票
3 回答
1064 浏览

php - 提交按钮不适用于fancybox

我在点击一个链接时打开了一个fancybox。

这个花哨的盒子有用户名和密码,我想在点击提交按钮时进行身份验证。(为了简化我已经将花哨的盒子改为提交按钮)

我已经编写了一个 php 代码,它应该在 fancybox 或 html 页面上显示你好(不确定确切的位置),但它没有被显示。

如何在fancybox或html页面上单击提交按钮时打招呼?

我不想使用ajax调用,但是如果没有ajax调用是不可能的,那么在这种情况下如何使用ajax呢?

//p.php

0 投票
1 回答
336 浏览

jquery - 花式框表单的问题

这里参考参见 5. 显示登录表单。

点击后立即尝试。

  1. 一个花哨的盒子应该用名字和密码打开。
  2. 如果两个字段都是空白的,并且我单击登录,它应该会显示一条错误消息。
  3. 如果我输入名称和密码,它应该在花式框中显示相同的内容。

对于我低于第 2 点和第 3 点的代码不起作用。我的代码有什么问题?

0 投票
0 回答
404 浏览

jquery - 在触发更改事件之前选中标签单击的复选框

在我的以下代码中,我想要的是当我点击label只有新的dialog应该打开时,当我select option为真时,它应该自动检查checkbox.

问题是当我点击checkbox label它之前检查它dialog是否打开。

密码

jQuery代码

这是我的html代码