FancyBox调整宽度

Question

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

Answer 1

来自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' });

Answer 2

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

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

而不是

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

用于手动调整宽度

Answer 3

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

current.width = loadingBay.width();

到

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

它对我很好。

Answer 4

这对我有用：

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

Answer 5

只需打开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');