fancybox iframe维度

Question

在fancybox主页（http://fancybox.net/home）中，有一个示例可以打开一个iFrame，其尺寸为屏幕的75％。

我无法通过修改.js文件的宽度和高度属性来获取它，如网站上所述。

Answer 1

你应该试试这个：

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

Answer 2

您好，我只是阅读了所有这些，我不得不采取其他人写的东西，以使其工作。我想要一个窗口600乘410

首先更改java脚本 我处理的文件是： jquery.fancybox-1.3.4.js （这可能会随后更改版本） 在默认值下设置您的身高和宽度

宽度：600， 身高：410，

* 然后更改网页上的脚本

$（ “＃various3”）。的fancybox（{

'width'：600，

'height'：410，

'autoScale'：false，

'type'：'iframe'

请注意尺码不是单引号！我在看到这个错误前一小时就浪费了。

这应该有所帮助。现在，如果有人可以告诉我如何在页面加载时弹出这个iframe。

Answer 3

我猜你应该将fancybox高度设置为

$(window).height() * 0.75 

但我个人更喜欢用像

这样的像素来做

$(window).height() - 80

Answer 4

我遇到了同样的问题并最终调整了fancybox js文件底部的默认尺寸 - “frameWidth：800，frameHeight：600”

他们还提到你可以这样做on the fancybox site：

  

您可以将选项作为键/值传递   对象fancybox（）函数或   在FancyBox的底部修改它们   JS文件

Answer 5

但我的fancybox使用ajax，所以我不能改变花哨的大小！

$('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     
            });

现在它使用高度＆amp;为iframe.html文件正文描述的类的宽度。所以自动操纵。