Javascript FancyBox调整宽度

Javascript FancyBox调整宽度,javascript,jquery,resize,fancybox,Javascript,Jquery,Resize,Fancybox,我可以使用$.fancybox.resize()调整高度零件,但宽度不会根据新内容更新。想法?来自: $.fancybox.resize:“自动调整fancybox高度的大小,以匹配内容的高度。” 因此,它似乎不是为了调整宽度 如果要调整宽度,可以手动调整#fancybox wrap和#fancybox inner元素的大小。经过快速检查后,看起来#fancybox wrap比#fancybox inner宽20像素: $('#fancybox-inner').width(400); $('#f

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

来自:

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

因此,它似乎不是为了调整宽度

如果要调整宽度,可以手动调整
#fancybox wrap
#fancybox inner
元素的大小。经过快速检查后,看起来
#fancybox wrap
#fancybox inner
宽20像素:

$('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);
您还可以使用
width
选项在首次注册fancybox时控制宽度:

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

在较新版本的fancybox(我的例子是1.3.4)中,使用

而不是

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

要手动调整宽度,请在jquery.fancybox.js的第nubmer:837行附近进行一些更改

current.width = loadingBay.width();


这对我很有效。

以下是对我有效的方法:

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

只需打开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');
$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();
// Reset dimensions so we could re-check actual size
        wrap.add(skin).add(inner).width('72%').height('auto').removeClass('fancybox-tmp');