fancybox - 弹出窗口不会缩小以适应数据

时间:2011-12-05 23:51:05

标签: jquery fancybox

http://mayakaimal.businesscatalyst.com/media-press

某些弹出窗口的数据少于其他弹出窗口。我希望窗口缩小以适应。即在上面的例子中,如果你点击“波士顿环球报”,右边会有空格。

这是我第一次使用fancybox。我试过改变

aspectRatio: true,
didResize: true,
width: '100%'

需要更改哪个参数?

感谢

1 个答案:

答案 0 :(得分:2)

对于Fancybox 2.x

在FireBug中使用你的代码一段时间之后,我遇到了maxWidth选项。将maxWidth设置为100%似乎可以解决您的问题(“波士顿环球报”链接现在打开一个与内容一样瘦的Fancybox:

$j("a.fancybox").fancybox({maxWidth : '100%'});

我还发现,如果您将fitToView选项设置为false,则会删除滚动条,内容似乎更适合Fancybox:

$j("a.fancybox").fancybox({fitToView : false, maxWidth : '100%'});

对于Fancybox 1.x

autoDimensions : true
  

对于内联视图和ajax视图,请将视图的大小调整为元素接收。   确保它有尺寸否则会产生意外   结果

通过JavaScript,您可以在更改内容时调用$.fancybox.resize,fancybox将调整为适当的内容尺寸。