如何在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設置不同的高度/寬度？

回答

相關問題