问题标签 [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 3 modal page shift on resize
当模态溢出发生时,模态移出页面。擦除该元素.fancybox-slide:before
会使模态回到屏幕顶部,但是没有这个元素,模态将无法居中。
模态由以下人员创建:
HTML是:
如果我将里面的内容设置.fancybox-slide
为max-width: 100%
,一切正常,但内容视图中有一个 x 滚动条。
javascript - fancybox 3 中的图像文件名
在文档中找不到这个,虽然看起来很微不足道。你如何在fancybox中显示图像的文件名?
javascript - 如何使用 Fancybox3 链接到另一个页面上的隐藏 div
我正在尝试在不同页面中显示另一个网页中的隐藏 div,因此我不必使用 fancybox 3 两次更改数据。 由于这些页面是 Web 内容管理系统中的平台,因此无法简单数据库。
数据隐藏在这样的页面上
页面上的链接是
单击时会弹出一个带有小时数的花式框
我想显示页面不同的页面,然后单击链接
它只显示主页。:-/
点击时我需要一些java来显示隐藏的div吗?
jquery - Fancybox 画廊导航不起作用
我在多个 WordPress 网站上将 Fancybox 用于照片库。
自从升级到最新的 Fancybox 代码后,我遇到了 Fancybox 画廊导航无法正常工作的问题。
照片完美打开,但它们没有链接在一起。
这是我在头脑中使用的简单代码:
画廊是使用 WordPress 默认媒体画廊短代码生成的。
这是我的幻想电话:
如您所见,我正在尝试将 rel="group1" 分配给链接。我也试过属性“data-fancybox-group”。
两者都没有工作。
这是链接:
关于如何让导航按钮出现并将这些照片链接为画廊的任何想法?
会不会是 jQuery 版本问题?
javascript - Fancybox 3 默认启用缩放
我正在使用fancybox 3,并希望默认启用缩放。弹出窗口出现后,我必须再次单击它以进行缩放。但我希望图像默认处于缩放状态。
- 我用过 instance.scaleToActual(); 选项,但它仅适用于 afterShow: 选项
有没有办法在负载上应用这个?
jquery - Fancybox 3 ajax 加载图片库
Fancy box 3文档提供了一些关于其 AJAX 功能的示例。我希望能够单击一个按钮并加载一个“图库”,其中包含从 ajax 响应加载的图像。
我发现的一个例子(本页的最后一个)需要将画廊的图像路径硬编码在一个隐藏的 div 中;这很好,但我宁愿通过使用 AJAX 加载来减少页面加载时间。
我发现了一些看起来很有希望的东西,但我不确定如何在其中实现 ajax。有任何想法吗?
jquery - 如何在另一个元素加载后移动一个元素
我有一个fancybox modal/slideshow,一旦你点击页面上的一个项目就会被激活。然后它创建一个容器 div 放置在 body 标签的顶部。
我想将此容器 div 嵌套在页面上的 #content div 中。尝试使用 jQuery .appendTo 方法,但它不起作用。我假设这是因为我需要在 fancybox 容器 div 加载后调用这个函数。这是我到目前为止的地方:
php - 提交按钮不适用于fancybox
我在点击一个链接时打开了一个fancybox。
这个花哨的盒子有用户名和密码,我想在点击提交按钮时进行身份验证。(为了简化我已经将花哨的盒子改为提交按钮)
我已经编写了一个 php 代码,它应该在 fancybox 或 html 页面上显示你好(不确定确切的位置),但它没有被显示。
如何在fancybox或html页面上单击提交按钮时打招呼?
我不想使用ajax调用,但是如果没有ajax调用是不可能的,那么在这种情况下如何使用ajax呢?
//p.php
jquery - 花式框表单的问题
从这里参考参见 5. 显示登录表单。
点击后立即尝试。
- 一个花哨的盒子应该用名字和密码打开。
- 如果两个字段都是空白的,并且我单击登录,它应该会显示一条错误消息。
- 如果我输入名称和密码,它应该在花式框中显示相同的内容。
对于我低于第 2 点和第 3 点的代码不起作用。我的代码有什么问题?
jquery - 在触发更改事件之前选中标签单击的复选框
在我的以下代码中,我想要的是当我点击label
只有新的dialog
应该打开时,当我select option
为真时,它应该自动检查checkbox
.
问题是当我点击checkbox
label
它之前检查它dialog
是否打开。
jQuery代码
这是我的html代码