问题标签 [fancybox-2]

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

jquery - Fancybox CSS 未在生产中加载

我在我的网站上使用了 jQuery fancybox 2 插件。在开发中它很好,但在生产中,fancybox 2 css 文件没有被加载,如此屏幕截图所示:

Fancybox css 未加载

这些文件位于供应商/资产/样式表中,并且是普通的 .css 文件

它们是从我的 application.css.scss 文件中引用的,如下所示:

有谁知道为什么没有加载这两个 css 文件。fancybox .js 文件可以正常工作,只是 CSS 文件不行。

尼尔

0 投票
3 回答
3692 浏览

jquery - 在 Fancybox 选项中访问“this”

我有一个打开 Fancybox 框的链接,如下所示:

该链接的data属性填充了id如上所示。我想让数据属性在 Fancybox 辅助函数中可用。我尝试$(this.element).data('id')在下面的代码中使用:

但是它不起作用。获取数据属性总是undefined在辅助函数中返回。我如何让这个工作。

0 投票
2 回答
2624 浏览

jquery - 使用缩略图助手手动打开 fancyBox

我想制作一个只有一张预览图片和缩略图助手的画廊。我使用了作者为画廊提供的片段,只有一张预览图片,然后我添加了显示缩略图助手的代码,以这种方式,但它不显示缩略图....我想是因为当你手动打开fancybox你没有指定缩略图在哪里,怎么解决?

0 投票
1 回答
397 浏览

fancybox - Fancybox 2 加载页面,流过浏览器而不滚动

我正在通过fancybox 和AJAX 动态加载页面。一切都很好,除非动态加载的页面对屏幕来说太高。它只会溢出屏幕底部。

我正在使用..

当用户点击页面时,它会再次动态重新加载,保持原来fancybox的宽度和高度:

如何根据动态加载页面的高度调整或重新调整花式框的大小?

所有帮助将不胜感激

0 投票
1 回答
1442 浏览

html - 我在灯箱中有 HTML5 视频。为什么会播放多个视频,我该如何阻止它们?

我弹出了一个 Fancybox2 窗口,其中包含以下代码:

我第一次单击时a.video_link,它会弹出并播放得很好。让我们将此称为视频 1。如果我在不停止视频的情况下关闭灯箱,它就会停止并被杀死。没问题。

如果我再次单击a.video_link它,它会弹出并从头开始(我们称之为视频 2),但视频 1 的音频也在其顶部播放。如果我现在关闭视频 2 的灯箱,视频 1 的音频会继续播放。如果我第三次打开灯箱,视频 2 的音频也会开始播放。这一直持续下去,所以我可以有很多层的音频。

任何人都可以提出解决方案吗?

更新:我可以告诉你,当 autoplay 属性被删除时它不会发生,这向我表明原始<video>对象在它可以被包含在 mediaplayer js 东西中之前正在播放。如果可能的话,我真的很喜欢自动播放功能。

0 投票
1 回答
677 浏览

jquery - jQuery 数组从特定索引开始并移动到数组末尾

我正在使用 Fancybox jQuery 插件,当点击事件发生时我手动调用它。我面临的问题是当我使用一组图像以便能够使用箭头在它们之间导航时。为此,组中的所有图像都具有相同的“rel”属性。下面的代码似乎一切正常,我已经设法编写了,但问题出在第一个加载的图像上,因为即使我点击第二个图像 - 第一个显示在灯箱中,因为这是第一个索引创建的数组。

所以我的问题是 - 我如何重新排列数组,以便单击的项目将成为第一个,而前面的项目将移动到数组的末尾 - 基本上是移动项目。

示例是:

我的代码如下(我也已经有了'currentIndex'变量,它返回被点击元素的索引:

0 投票
1 回答
1872 浏览

javascript - 捕捉fancybox错误并尝试另一种类型

我想捕捉一个fancybox 错误(无法加载请求的内容。请稍后再试。)并尝试另一种fancybox 类型。

像这样。第一次尝试ajax,如果返回错误,请尝试iframe。

但这不起作用。它只会显示第一个fancybox的错误。

0 投票
4 回答
8086 浏览

jquery - 更改fancybox中的“下一个”/“上一个”链接标题

我正在尝试(使用 fancybox 2.0.6)将链接标题(“下一个”、“上一个”)更改为不同的内容:

请问,有什么问题吗?我是否尝试使用正确的回调?还有什么?

谢谢!

0 投票
1 回答
4574 浏览

jquery - 谷歌地图 api v3 在 fancybox 2.0.6

嗨,我在隐藏的幻想框中加载谷歌地图时遇到问题

在此处输入图像描述

我的例子:gidzior.net/fancyMap是基于这个线程stackoverflow.com/questions/10890948/jquery-fancybox-with-google-maps编写的

我该怎么做才能解决这个问题?

这是我的代码:

0 投票
1 回答
236 浏览

fancybox - Fancybox Modal 控制位置

我正在使用 Fancybox afterShow 通过叠加在侧面显示图像描述,如下所示:

问题是我需要 modal 为 false 以便用户可以点击退出。但是 hidden_​​tab 选项卡在单击时也会退出fancybox。

有没有办法分割模态影响的部分?还是解决方法?我尝试将z-indexhidden_​​tab 设置为高,但这并没有成功。