Question

我在网站上显示不同类型的图片。附加到每个图像我想添加一些文字。我在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});

jQuery：改变fancybox的宽度

2 个答案: