Question

我正在尝试为fancybox设置宽度

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoDimensions: false,
    maxWidth : '100%'
});

阅读一些主题，但设置autoDimensions: false,，试图用px设置宽度，没有它，用逗号和没有它。没有任何帮助，fancybox出现了相同的高度和高度。

问题是什么？

P.S。 jquery-1.8.2.min.js和jquery.fancybox.pack.js（2到3周前下载）如果是这样的话。

刚添加：此外，没有额外的宽度可以应用于其他css或jquery代码的花式框。

Answer 1

如果您使用的是fancybox v2.x，那么API选项是新的，与先前版本1.3.x不兼容

因此，对于fancybox v2.x，autoDimensions选项不存在，但应使用autoSize。另一方面，如果您的视口（屏幕大小）小于您想要在fancybox中的大小，则内容将缩放以适合视图端口。如果要强制调整大小，则必须设置fitToView: false。

注意：这仅适用于ajax，html，inline和iframe内容。图像将始终打开缩放以适合视图端口或原始大小...您无法通过width或height API选项操纵图像的大小。

因此 v2.x 的脚本应为

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoSize : false,
    fitToView : false,
    maxWidth : '100%' // I don't think you need this
});

...仅适用于ajax，html，内联和iframe内容，不适用于图片。

Answer 2

$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});

Answer 3

FancyBox的文档使用如下的引号：

$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});

我也以这种方式使用它并且它有效。但我不确定，如果这是问题。

Answer 4

我正在以这种方式使用代码，它适用于我

$("a.loader").fancybox({   
    maxWidth: 1000,
    minHeight: 1050,
    autoDimensions: false,
    width: '70%',
    height: '70%'
});

fancybox宽度不适用

4 个答案: