草庐IT

FancyBox

全部标签

javascript - Fancybox - Ajax 图片库

我有一个自定义图片库,它用缩略图填充一个div,每个缩略图都包含在一个fancybox组中。当您单击一个(它在fancybox中打开)时,您可以按Prev/Next在第一个“页面”上的图像之间循环。要在页面之间移动,您必须关闭fancybox并更改页面,然后打开一个新的缩略图。这组新照片是通过ajax检索的。为了让你明白我在说什么,http://www.speedcountry.com/mSpeed323/Mazda_MAZDASPEED3如何使用fancybox切换页面和加载下一组图片? 最佳答案 FancyBox似乎没有任何内部

javascript - parent.jQuery.fancybox.close();从 Fancybox 内部只关闭 Fancybox 一次

我正在尝试通过Fancybox内容中的链接关闭Fancybox实例。我正在按照thisquestion中的建议使用parent.jQuery.fancybox.close();.它第一次工作,但此后不工作。谁能建议修复?我将我的内容div隐藏在页面中:#content{display:none;}这是启动Fancybox的链接,内容div包含关闭Fancybox的链接。LaunchNuncporttitorpellentesquemagnaapulvinar.Vestibulumiddiamlectus.Praesentveldictumest.Close这是我的JS。我尝试在打开Fa

javascript - 打开一个具有一定纵横比的fancyBox

有谁知道如何打开具有特定宽高比(例如16:9)的可调整大小的fancyBox? 最佳答案 没有一种本地方法可以轻松调整Fancybox的大小。您可以使用screen.height做一些简单的数学运算,以相对于当前屏幕分辨率的特定纵横比打开Fancybox。varheight=screen.height/4;$("#test").fancybox({'width':16/9.*height,'height':height,'autoDimensions':false});}); 关于jav

javascript - 使用带有动态加载链接的 jQuery Fancybox(灯箱类型对话框)

我正在尝试绑定(bind)Fancybox链接,以便在创建新链接时它仍然有效。我在这里看到了其他一些问题,但没有真正回答。这就是我想要做的。jQuery("a#[id^='domore_']").fancybox({'autoDimensions':false,'width':'auto','height':'auto'});这工作正常,但是当页面或链接被ajax重新加载时它不起作用。我尝试使用live()但我无法让它工作。你如何在fancybox上重新绑定(bind)或实现live?有什么办法吗?谢谢 最佳答案 我个人使用jQue

javascript - 单击按钮启动 fancyBox

我遇到了fancyBoxv2的一个小问题。我想在点击按钮时启动fancyBox。单击后,它将加载列表中的所有图像(来自的src属性)。我创建了这个jsfiddle来展示我正在尝试做的事情:http://jsfiddle.net/fPFZg/jQuery(document).ready(function($){$('button').on('click',function(){$.fancybox();});});谁能看出这是怎么可能的? 最佳答案 我有同样的问题,发现下面的方法更简单:HTMLOpenFancybox(yourFan

javascript - Fancybox 弹出窗口 + JSVideo HTML5 视频 - 为什么我失去了控制权?

我正在使用JQuery插件Fancybox和JSVideo,最终我希望通过fancybox弹出视频并在该弹出窗口中播放HTML5视频我有这个工作-唯一的问题是视频控件不是我所期望的...它没有jsvideo控件..我不知道它是一个fancybox还是一个css东西,或两者兼而有之html很简单——它是一个指向javascript的缩略图javascript看起来像这样:$(document).ready(function(){$("a.fancyvideo5").click(function(){varurl=$(this).attr('name');$.fancybox({'padd

javascript - 如何使 fancyBox 2 调整其高度以适合其内容?

我正在尝试获取我的fancyBox当其内容高于视口(viewport)时扩展高度。这样,用户就可以使用浏览器的滚动条滚动其内容。相反,我的fancyBox一直有自己的滚动条。我只是使用内联内容,而不是iframe。这些是我设置的选项:$('.fancybox').fancybox({autoSize:'false',fitToView:'false',maxWidth:940});添加scrolling:'no'会切断底部的内容。明确定义一个非常高的高度是可行的,但我希望动态确定高度。 最佳答案 bool值和整数值应该不带引号,这样

javascript - 如何全局处理 fancybox 的 onClose 事件?

我在我的应用程序中使用Fancybox。现在要处理关闭事件,我们编写如下代码:$(".fancybox").fancybox({onClose:function(){alert('blah');}}如本文档页面所示:http://fancyapps.com/fancybox/#docs但是我想为所有fancybox编写一些通用的和全局的东西,每次都会为任何fancybox运行。我怎么做?简而言之,我不想在每个fancybox上编写onClose的代码,也不希望它依赖于class,id(例如.fancybox在这种情况下)。我怎么做?我试着写:$.fancybox({onClose:fu

javascript - FancyBox 调整宽度

我可以使用$.fancybox.resize();部分调整高度,但宽度不会根据新内容更新。想法? 最佳答案 来自fancyboxapidocs:$.fancybox.resize:“自动调整FancyBoxheight的大小以匹配内容的高度。”所以看起来不是为了调整宽度。如果您想调整宽度,可以通过手动调整#fancybox-wrap和#fancybox-inner元素的大小来实现。经过快速检查后,看起来#fancybox-wrap设置为比#fancybox-inner宽20px:$('#fancybox-inner').width(

javascript - 有一个脚本在另一个脚本之后触发吗?

我正在使用同时触发的两个脚本。他们似乎引起了冲突。我的问题是如何让一个在另一个开火后半秒到一秒开火?我认为这可能会解决我遇到的问题。我正在使用jQuery,但我不确定该怎么做。谢谢请注意,我没有在此处发布脚本,因为它们不敬。我只需要知道如何延迟一个人开火直到另一个人开火。另外,我要最后触发的一个位于HTML的底部,另一个位于头部。此外,这两个脚本在它们所做的事情上彼此完全无关。编辑这个问题源于我发布的另一个问题。这里-Javascript/FancyboxError?-我考虑了一下,想尝试添加延迟,但我也很好奇如何添加与我遇到的问题无关的延迟。 最佳答案