Tag: fancybox

Fancybox v2与Durandal无法合作: 我无法让Fancybox与Durandal合作。我使用John Papa的热毛巾模板作为我的起点。问题：每当我点击图像时，它都会导航到图像路径，而不是将其覆盖在页面顶部。库：Jquery v 1.9.1和FancyBox 2.1.4。视图：视图模型： define([‘services/logger’, ‘services/dataservice’], function (logger, dataservice) { var vm = { viewAttached: viewAttached, activate: activate, }; return vm; function activate() { //Do something // return promise } function viewAttached() { $(“.fancybox”).fancybox(); } }); BundleConfig： bundles.Add( new ScriptBundle(“~/scripts/vendor”) .Include(“~/scripts/jquery-{version}.js”) .Include(“~/scripts/jquery.fancybox.js”) .Include(“~/scripts/bootstrap.js”) ); bundles.Add( new StyleBundle(“~/Content/css”) .Include(“~/Content/ie10mobile.css”) .Include(“~/Content/bootstrap.css”) […]

在Iframe中使用Jquery Fancybox自动高度？: 我正在使用Fancybox iframe表单。表格高度350px完成后，结果只有两行。任何人都可以告诉我如何为窗口制作自动高度我的javascript代码是 $(document).ready(function() { $(“#send_friend”).fancybox({ ‘width’ : 310, ‘height’ : 350, ‘autoScale’ : false, ‘transitionIn’ : ‘none’, ‘transitionOut’ : ‘none’, ‘type’ : ‘iframe’, ‘showCloseButton’ :false, ‘padding’ : 0, ‘margin’ : 0, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘overlayOpacity’:’0.3′, }); }); 提前致谢

Fancybox 2.0图库模式的下一个和上一个方法: 我正在使用Fancybox版本2.04并且意识到仍有一些问题，但我正在尝试实现下一个和以前的方法来使用zoomIn ZoomOutfunction而不是默认下滑（我假设是slideDown和我认为很棒）。这是我正在使用的代码，但它似乎不起作用，它关闭图层并且不会进展到库中的下一个图像。 $(‘.zoom’).fancybox({ nextMethod: ‘zoomIn’, prevMethod: ‘zoomOut’, helpers : { overlay : { css : { ‘background-color’ : ‘#fff’ } } } });

Jquery fancybox +无限轮播的Vimeo问题: 来自javascript noob的另一个与Vimeo相关的问题…… 我在这里设置了我的问题： http ： //jsfiddle.net/ajtTF/ 单击链接时，它将加载带有Jquery inifinite轮播库的内联Fancybox模式。该画廊目前包含2个嵌入式Vimeovideo。一切都很好，直到模态关闭，然后重新启动。由于某种原因，模式现在用第一个video替换第二个video（即，显示同一video的2个实例，而忽略另一个video）。在这种情况下，我最终会想要几个video。如果应用一些额外的js，我不知道这是否值得考虑。非常感谢，我必须强调我的js技能是非常不存在的，所以请明确！随意乱用我的例子。

使用Fancybox，IE8中的图像溢出了容器: 在对这个问题的一种跟进中，我在IE8中遇到了另一个问题。当单击图库并出现灯箱时，图像会溢出其包含的元素（通过事物的外观）。 IE8 http://sofzh.miximages.com/javascript/ie8-fancybox.png 以前有没有人经历过这个？当然，好人（Firefox / Safari /等）完美地展示了它。我该如何解决？谢谢 UPDATE 我应该买一个新灯箱吗？

隐藏其他div时展开图像: 我目前正在使用fancybox thambnails和button helper。目前我已经完成了我想要的工作，但我希望当图像扩展并且放大图像上方的多余空间消失时，幻灯片下方的缩略图会消失。这两者都很混乱，它们重叠并做各种奇怪的事情，当图像被放大时我并不认为你需要缩略图（导航点）。任何帮助都会很棒。如果有帮助，您可以在我的网站shereewalker.com上查看该问题这是我的HTML：和CSS #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 9000; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 […]

fancybox 2 iframe大小不变: 我正在使用fancybox打开外部url。我把这个代码用于fancybox-html类a href： $(document).ready(function() { $(“.fancybox-html”).fancybox({ fitToView : false, width : ‘90%’, height : ‘90%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’ }); }); HTML： <!– –> 这不起作用，iframe以不同的方式打开，就像它忽略了我的设置。是否可以调试它？也许我错过了一些图书馆。有任何想法吗？

fancybox 2 iframe加载问题: 我在最近推出的网站上遇到了fancybox 2的问题。我使用我的页面上的链接在fancybox灯箱中打开galleria（galleria.io）画廊和PDF文件。对于照片画廊（galleria），我在fancybox iframe中加载另一个网页，我正在定义明确的缩略图，所以所有全尺寸的照片不必立即加载。对于PDF内容，我直接在iframe中加载PDF文件。但是，通常情况下，第一次点击链接时iframe不会出现（永久加载动画）。关闭fancybox并再次单击链接可以加载内容。这适用于广场和PDF内容。我开发和测试该网站主要在FF但似乎问题发生在IE也。在搜索了互联网的答案之后，我发现的最接近的问题是stackoverflow： /问题/ 4710023 / jQuery的的fancybox – 工作 – 但只-时任您点击这个图像，两次（尝试交换与此处发布的解决方案相似的条款，但在iframe内部生成404） /问题/ 9779250 /的fancybox-2需要两点击（信息不足） /问题/ 14819642 /的fancybox粘连加载的iframefunction于即（指IE，但禁用预载声音很有希望，我即将试一试）我是一个家庭建设者，而不是代码建设者，所以我确信在建立我的网站的过程中我做错了。我很感激任何提供的帮助！谢谢！链接到示例：（在开发中）画廊页面： http ： //www.sonahomes.com/gallery/ （现场）主页： http ： //www.sonahomes.com [主页上方的页脚上有“精选列表”，其中包含PDF和照片库的链接……最右边的列表加载了一个带有19的图库相片] 码：链接到iframe中打开PDF： PDF Flyer 链接到iframe中的open galleria gallery： 19 Photos （我知道上面的galleria链接中的额外div不完全正确，但我不认为它与问题有关，因为同样的问题发生在上面链接的图库页面上，只有文本链接）使用fancybox在页面上初始化： $(document).ready(function() { $(“.various”).fancybox({ […]

将fancybox设置为在不同的fancybox close上打开: 有没有办法设置一个fancybox打开，只要一个单独的fancybox关闭？我尝试了以下内容 $(‘a.linkEditClass’).fancybox({ href: “#editClassPanel”, closeClick: false, autoDimensions: true, autoScale: false, afterClose: function() { $.fancybox({ href: “#classInfoPanel” }); } }); 但这似乎没有做任何事情。这是我的其他fancybox代码供参考 $(‘a#linkClassInfo’).fancybox({ href: “#classInfoPanel”, // maxHeight: 350, // maxWidth: 425, closeClick: false, autoDimensions: false, autoScale: false }); 他们都瞄准div。

fancybox把标题放在上面并留在那里: 我正在使用Fancybox 2.0，我希望标题框显示在图像上方或图像顶部，而不是下方。就在所有内容之上。我试图使fancybox-inner样式position:absolute ，但是fancybox-wrap的高度不会设置为绝对像素。有人能帮我实现吗？