FancyBox調整大小寬度

Question

我可以用$.fancybox.resize();部分調整高度，但寬度不會根據新內容更新。思考？

Answer 1

從fancybox api docs：

$.fancybox.resize： 「自動調整大小的fancybox 高度匹配的內容高度。」

所以它看起來並不打算調整寬度。

如果您想調整寬度，可以通過手動調整#fancybox-wrap和和#fancybox-inner元素的大小來實現。一些非常快速的檢查後，它看起來像#fancybox-wrap設置爲20像素比#fancybox-inner寬：

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

您還可以控制寬度當您第一次註冊的fancybox使用width選項：

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

Answer 2

在新（在我的情況1.3.4）的fancybox的版本使用

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

，而不是

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

爲手動調節寬度

Answer 3

使近安博線2-14 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');