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