在的fancybox主页( http://fancybox.net/home )有一个打开的示例的iFrame的尺寸为屏幕的75%。

我无法通过如在网站上描述的修改对js文件的宽度和高度属性得到它。

有帮助吗?

解决方案

您应该试试这个:

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

其他提示

您好我刚刚经历了所有这些阅读,我不得不采取的其他人都写信给得到它的工作的点点滴滴。我由410想要一个窗口600

首先改变Java脚本 余处理的文件:<强> jquery.fancybox-1.3.4.js (这可以与稍后更改版本) 下的默认值设定的高度和宽度

宽度:600, 高度:410,

* ,然后改变你的网页脚本

$( “#various3”)。的fancybox({

<强> '宽度':600,

<强> '高度':410,

'AUTOSCALE':假,

'类型': 'IFRAME'

请注意大小不是单引号!我浪费了一个小时之前,我看到了这样的错误。

这应该帮助。现在,如果有人能告诉我如何得到这个IFRAME弹出页面加载。

我猜你应该设置的fancybox高度

$(window).height() * 0.75 

但我个人更喜欢用像素要做得像

$(window).height() - 80

我有同样的问题,并最终在的fancybox JS文件的底部调节的默认尺寸 - “frameWidth:800,frameHeight:600”

他们还提到,你可以做对的fancybox网站这

  

可以通过选项键/值   对象的fancybox()函数或   修改它们在的fancybox的底部   JS文件

但我与阿贾克斯的fancybox的工作,所以我不能改变大小花哨!

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

我有版本2.14,这是我的作品。

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

通过简单地从“IFRAME”到“AJAX”改变类型的值,解决这个问题。

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

现在它用于Iframe.html的文件的主体中描述的高度&类的宽度。所以自动操纵。

scroll top