fancybox iframe尺寸

Question

在fancybox主頁（http://fancybox.net/home）中有一個例子，打開一個尺寸爲75％屏幕的iFrame。

我無法通過修改網站上描述的.js文件的寬度和高度屬性來獲取它。

Answer 1

你應該試試這個：

$('iframeLink').fancybox({ 
'width':300, 
'height':200, 
'type':'iframe', 
'autoScale':'false' 
}); 

Answer 2

我有同樣的問題，並最終在的fancybox的js文件的底部調整的默認尺寸 - 「frameWidth：800，frameHeight：600」

他們還提到，你可以做到這一點on the fancybox site：

您可以通過 對象選項鍵/值對的fancybox（）函數或 改性的Ÿ他們在的fancybox JS文件的底部

Answer 3

我猜你應該設置的fancybox高度

$(window).height() * 0.75 

但我個人更喜歡用像素要做得像

$(window).height() - 80 

Answer 4

嗨，我剛剛讀通過所有這些，我不得不採取其他人寫的東西讓它工作。我通過410

首先改變Java腳本我處理的文件需要一個窗口600：jquery.fancybox-1.3.4.js（這可能與更高版本的變化） 下默認值設定高度和寬度

寬度：600， 高度：410，

* 然後更改網頁上的腳本

。

$（ 「＃various3」）的fancybox（{

'寬度'：600，

'高度'：410，

'AUTOSCALE'：假，

'type'：'iframe'

請注意大小不在單引號！我在看到這個錯誤之前一小時就浪費了。

這應該有所幫助。現在，如果有人可以告訴我如何讓這個iframe彈出頁面加載。

Answer 5

但我的fancybox與阿賈克斯工作，所以我不能改變花哨的大小！

$('iframeLink').fancybox({ 'width':300, 'height':200, 'type':'ajax', 'autoScale':'false' });

Answer 6

我有版本2.14，這是我的作品。

$(document).ready(function() { 
    $(".iframe").fancybox({ 
    type: 'iframe', 
    'padding' : 0, 
    'autoSize': false,  
    'width': 650, 
    'height': 520 
    }); 
}); 

Answer 7

只需將類型值從'iframe'更改爲'ajax'即可解決問題。

$('Selector').fancybox.open({ 
       href : 'iframe.html', 
       type : 'ajax', //from type : 'iframe', 
       padding : 0  
      }); 

現在用於Iframe.html的文件的主體中描述的高度&寬度類的。所以自動操縱。