jQuery：改变fancybox的宽度

我在网站上显示不同类型的图像。 附加到每个图像我想添加一些文字。 我已经在html文档的title-element中写了这个文本。 这段文字长了几句。

现在发生的事情是，fancybox变得非常狭窄（因为图片非常小）而且文本看起来非常愚蠢。 我试图改变fancybox代码中的宽度和高度值，但它似乎仍然无法正常工作。 我也尝试在css中修复它，并且我将标题文本变得更宽，但是fancybox仍然太窄，所以文本部分在框内和框外。

如何将fancybox大小更改为固定大小，以便标题文本看起来不那么愚蠢？

到目前为止，我已经这样做了：

jQuery的：

$(".fancybox").fancybox({ helpers : { title: { type: 'inside', position: 'top', } }, openSpeed: 'slow', closeSpeed: 'slow', }); 

CSS

 .fancybox { width: 600px; height: 600px; } .fancybox-title { width: auto; height: auto; } .fancybox-title .child { min-width: auto; height: auto; } 

Answer 1

您可以使用：

 $(".fancybox").fancybox({ autoDimensions: true }); 

阅读文档： http ： //fancybox.net/api

Answer 2

您需要将autoSize设置为false

 $(".fancybox").fancybox({'width':400, 'height':300, 'autoSize' : false});