FancyBox调整宽度

时间:2010-03-07 23:20:14

标签: javascript jquery resize fancybox

我可以使用$.fancybox.resize();部分调整高度,但宽度不会根据新内容进行更新。想法?

5 个答案:

答案 0 :(得分:8)

来自fancybox api docs

$.fancybox.resize:“自动调整FancyBox 高度的大小以匹配内容的高度。”

所以看起来它并不打算调整宽度。

如果您想调整宽度,可以手动调整#fancybox-wrap#fancybox-inner元素的大小。经过一些非常快速的检查后,看起来#fancybox-wrap设置为比#fancybox-inner宽20px:

$('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);

使用width选项首次注册fancybox时,您也可以控制宽度:

$('#somelink').fancybox({ width: '100px' });

答案 1 :(得分:4)

在较新版本的fancybox(在我的情况下为1.3.4)中使用

$('#fancybox-content').width(600);

而不是

$('#fancybox-inner').width(400);

用于手动调整宽度

答案 2 :(得分:1)

在jquery.fancybox.js附近对行号进行一些更改:837更改

current.width = loadingBay.width();

current.width = loadingBay.width() + 2*current.padding;

它对我很好。

答案 3 :(得分:1)

这对我有用:

$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();

答案 4 :(得分:-1)

只需打开jquery.fancybox.js并添加自己的宽度。这是我的代码,宽度= 72%。

// Reset dimensions so we could re-check actual size
        wrap.add(skin).add(inner).width('72%').height('auto').removeClass('fancybox-tmp');