jjzjj

FancyBox

全部标签

jquery - 使用 Data Uri 作为 a 标签的 href

我正在创建一个单文件HTML5应用程序,其中将所有图像资源嵌入为DataUri。这个应用程序包含一个图像库(花式框),它使用标签作为图像的来源,以显示在其弹出窗口中,就像许多其他应用程序一样。例如用数据uri替换src标签的img属性按预期工作,但是用base64等效而不是一些真正的图像路径替换a标签的href不会。有没有办法在href属性中使用数据uri而不是现有的物理位置?例如(这不起作用) 最佳答案 如果您查看docs,Fancybox有多种选择。它默认会查找a标签的href参数,但您始终可以覆盖它。例如,您甚至可以加载ifr

jquery - iframe 上的 Fancybox.close()

我正在使用最新的fancybox(2.0.4)并且我为iframe创建了一个fancybox。内容显示正确。我在iframe中显示的html中添加了一个“关闭”按钮。我希望关闭按钮与单击fancybox右上角的“x”具有相同的结果。我熟悉FancyBoxiframereturnsparent.$asundefined(usingWordPress),而我的parent是一个没有任何内容的DOM对象。也试过window.parent.jQuery.fancybox.close();window.parent.jQuery.fn.fancybox.close();parent.jQuery

jquery - iframe 上的 Fancybox.close()

我正在使用最新的fancybox(2.0.4)并且我为iframe创建了一个fancybox。内容显示正确。我在iframe中显示的html中添加了一个“关闭”按钮。我希望关闭按钮与单击fancybox右上角的“x”具有相同的结果。我熟悉FancyBoxiframereturnsparent.$asundefined(usingWordPress),而我的parent是一个没有任何内容的DOM对象。也试过window.parent.jQuery.fancybox.close();window.parent.jQuery.fn.fancybox.close();parent.jQuery

jquery - 从 iframe 调用父级中的 Fancybox

我有2个页面,我的index.html和social.html。我清理了索引,只留下fancybox所需的jquery代码我想要做的是在social.html中放置图像,当点击它时,它会打开fancybox并显示它,但在index.html中而不是在iframe中。出现的错误是:UncaughtTypeError:Property'showImage'ofobject[objectDOMWindow]isnotafunction(anonymousfunction)social.html:103onclick这是我的index.html:functionshowImage(image)

jquery - 从 iframe 调用父级中的 Fancybox

我有2个页面,我的index.html和social.html。我清理了索引,只留下fancybox所需的jquery代码我想要做的是在social.html中放置图像,当点击它时,它会打开fancybox并显示它,但在index.html中而不是在iframe中。出现的错误是:UncaughtTypeError:Property'showImage'ofobject[objectDOMWindow]isnotafunction(anonymousfunction)social.html:103onclick这是我的index.html:functionshowImage(image)

jquery - 将 Fancybox 与图像映射一起使用

我想知道是否有办法将fancybox与图像映射一起使用? 最佳答案 所以您想在带有图像映射的fancybox中显示单个图像?可以通过几种方式将map添加到fancybox的图像中,例如,您可以在图像加载后将其添加到图像中,图像将使用idfancybox-img加载,因此使用oncomplete()回调我们可以访问将map添加到图像:HTML:jQuery:$("a.fancybox").fancybox({'titleShow':true,'titlePosition':'inside',onComplete:function(){

jquery - 将 Fancybox 与图像映射一起使用

我想知道是否有办法将fancybox与图像映射一起使用? 最佳答案 所以您想在带有图像映射的fancybox中显示单个图像?可以通过几种方式将map添加到fancybox的图像中,例如,您可以在图像加载后将其添加到图像中,图像将使用idfancybox-img加载,因此使用oncomplete()回调我们可以访问将map添加到图像:HTML:jQuery:$("a.fancybox").fancybox({'titleShow':true,'titlePosition':'inside',onComplete:function(){

如何在不初始化的情况下在FancyBox3中调用AfterClose?

在花式盒3无需通过JavaScript初始化花式框。这足以设置HTML属性data-fancybox=""锚定为锚定为花式盒子。好的!现在我想在后链但是当我没有初始化功能时,我不知道该怎么做?该文档建议以下方法,但仅适用于具有初始化的方法:$("[data-fancybox]").fancybox({afterClose:function(){//Something;}});这是我的示例HTML链接,它打开一个没有额外JavaScript的花式盒:openfancybox看答案如果要自定义,请使用设置初始化,更改默认值或使用设置选项data-options属性。

c# - Fancybox - ASP.NET 按钮不工作

我刚刚使用Firebug确定,在创建Fancybox窗口时,它实际上采用了我所有的ASP.NET控件(包含在DIV标记中)并将它们放在FORM标记之外。所以我想这就是为什么ASP.NET按钮什么都不做的原因——它被放置在表单之外。那么,除了使用完全不同的模态对话框之外,您对我如何防止这种情况(或使ASP.NET按钮起作用)有什么建议吗?编辑:好的,人们报告说一些建议的修复在某些版本上对他们有效。因此,请务必阅读所有答案/滚动到底部,了解如何在不同的Fancybox版本上解决此问题。 最佳答案 您需要更改它(jquery.fancyb

c# - Fancybox - ASP.NET 按钮不工作

我刚刚使用Firebug确定,在创建Fancybox窗口时,它实际上采用了我所有的ASP.NET控件(包含在DIV标记中)并将它们放在FORM标记之外。所以我想这就是为什么ASP.NET按钮什么都不做的原因——它被放置在表单之外。那么,除了使用完全不同的模态对话框之外,您对我如何防止这种情况(或使ASP.NET按钮起作用)有什么建议吗?编辑:好的,人们报告说一些建议的修复在某些版本上对他们有效。因此,请务必阅读所有答案/滚动到底部,了解如何在不同的Fancybox版本上解决此问题。 最佳答案 您需要更改它(jquery.fancyb