如何在fancybox V2中为iframe设置不同的高度/宽度？

我一直在使用Fancybox 1.3.4，在那里我有链接本身的iframe的尺寸。如何在fancybox V2中为iframe设置不同的高度/宽度？

这里是我如何有一个例子是

test.html?width=675&height=470

当我在链接的fancybox点击将打开这些尺寸的iframe。我正在尝试Fancybox V2，但我很困惑如何设置iframe的尺寸。我希望每个iframe具有不同的维度。我会怎么做？

来源

2012-04-12 Guillermo Moreno

设置你的HTML（与HTML5 DOCTYPE）是这样的：

<a class="fancybox fancybox.iframe" data-width="675" data-height="470" href="test.html" >test</a> 
<a class="fancybox fancybox.iframe" data-width="400" data-height="200" href="test2.html" >test 2</a>

（设置在data-属性为每个元素width和height）

那么这个脚本：

$("a.fancybox").fancybox({ 
    fitToView: false, 
    afterLoad: function(){ 
    this.width = $(this.element).data("width"); 
    this.height = $(this.element).data("height"); 
    } 
}); // fancybox

应该在fancybox v2.x中做诡计

来源

2012-04-12 23:01:05 JFK

- @ JFK有趣。这适用于Chrome，FF，Opera，Safari和IE7。然而，我遇到了一个问题，IE 8和9将高度（底部大约10-20像素）添加到包含链接的div。 – Chris22 2012-08-31 19:49:31

@ Chris22有什么链接？它是否发生在这个演示相同http://www.picssel.com/playground/jquery/getDimensionFromIframe_27may12.html？ – JFK 2012-08-31 20:24:35

如何在fancybox V2中为iframe设置不同的高度/宽度？

回答

相关问题