9

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

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

4

7 回答 7

19

你应该试试这个：

$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
于 2010-05-23T17:51:21.947 回答
6

嗨，我刚刚通读了所有这些内容，我不得不从其他人写的内容中获取一些零碎的东西才能让它发挥作用。我想要一个 600 乘 410 的窗口

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

宽度：600，高度：410，

*然后更改网页上的脚本

$("#various3").fancybox({

“宽度”：600，

“高度”：410，

“自动缩放”：假，

“类型”：“iframe”

请注意大小不是单引号！ 我浪费了一个小时才看到这个错误。

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

于 2011-08-17T23:16:47.077 回答
3

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

$(window).height() * 0.75

但我个人更喜欢用像素来做

$(window).height() - 80
于 2011-04-21T11:51:16.210 回答
1

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

他们还提到您可以在 fancybox 网站上执行此操作：

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

于 2011-03-29T09:59:05.263 回答
0

我有 2.14 版，这对我有用。

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});
于 2013-05-16T22:14:44.940 回答
0

只需将 type 的值从 'iframe' 更改为 'ajax' 即可解决问题。

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

现在它使用为 iframe.html 文件的主体描述的类的高度和宽度。所以自动操纵。

于 2013-09-07T06:56:28.140 回答
0

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

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

于 2012-01-02T08:08:41.497 回答