FancyBox 调整宽度大小

Question

我可以使用$.fancybox.resize();来调整高度，但是宽度并不会根据新内容更新。有什么想法吗？

- johnnyArt

Answer 1

来自fancybox api文档:

$.fancybox.resize: "自动调整FancyBox高度以匹配内容的高度。"

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

如果您想要调整宽度，可以通过手动调整#fancybox-wrap和#fancybox-inner元素来实现。经过一些非常快速的检查，看起来#fancybox-wrap设为比#fancybox-inner宽20像素：

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

您可以在首次注册fancybox时使用width选项来控制宽度：

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

- TM.

Answer 2

在更新版本的fancybox中（我的是1.3.4），使用以下代码：

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

代替

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

手动调整宽度

- Hannes

Answer 3

在jquery.fancybox.js文件中的大约837行附近进行一些更改，将其修改为：

current.width = loadingBay.width();

至

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

对我来说，它运行得很好。

- bhattraideb

Answer 4

这是对我有效的方法：

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

- earachefl

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');

- Badar