2013-02-14 38 views
0

我正在使用jquery fancy-box v2.1.4(請參閱fancybox網站here)。 Fancybox工作正常,但我無法改變彈出窗口的大小。我如何控制fancybox彈出窗口的大小?如何更改jquery fancy box v2.1.4中彈出框的大小?

+0

所有的信息都在你列出的網站的API:http://fancybox.net/api具體'高度'和'寬度' – 2013-02-14 09:38:48

+0

我用iframe類彈出。 – myrunningnotes 2013-02-14 09:40:11

+0

我是jquery的新手。你能給我任何代碼片段嗎? – myrunningnotes 2013-02-14 09:42:31

回答

4

的fancybox內置的方法來設置寬度和高度,以產生持有的內容...檢查網站獲取進一步的說明,但這裏的「窗口」是一個打擊:

// initialize popup iframe (fancybox) 
$(".yourframeclass").fancybox({ 
'autoDimensions': false, 
'padding'  : 0, 
'width'   : 940, 
'height'  : 400, 
'autoScale'  : false, 
'transitionIn' : 'none', 
'transitionOut' : 'none', 
'type'   : 'iframe' 
}); 

這裏我設置了固定的940x400px的彈出窗口(它也可以是%值)......如果內容大於fancybox的持有者,它將在同一個持有者上生成滾動條,而不是在文檔本身上生成滾動條! !

+0

感謝它工作:) – myrunningnotes 2013-02-14 10:23:07

1

我不知道希望這是有用的。

$("yourSelector").fancybox({ 
    'width': 560, //change this value with width u want 
    'height': 340 //change this value with height u want 
});