如何在jquery花式框v2.1.4中更改弹出框的大小?

时间:2013-02-14 09:37:42

标签: jquery html css popup fancybox

我正在使用jquery fancy-box v2.1.4(请参阅fancybox网站here)。 Fancybox工作正常,但我无法更改弹出窗口的大小。如何控制fancybox弹出窗口的大小?

2 个答案:

答案 0 :(得分:4)

FancyBox作为内置方法设置宽度和高度到生成的“窗口”以保存内容...查看网站以获取进一步说明,但这里有一个点击:

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

这里我设置一个弹出的固定940px乘400px(它也可以是%值)...如果内容比fancybox持有者大,它将在同一个持有者上生成滚动条而不是文件本身!!!

答案 1 :(得分:1)

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

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