jquery - fancybox 宽度不适用

Question

我正在尝试设置 fancybox 的宽度

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

阅读了一些主题，但设置了 autoDimensions: false,，尝试使用 px 和不使用 px、使用逗号和不使用 px 设置宽度。没有什么帮助，fancybox 以相同的宽度和高度出现。

问题是什么？

附注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应该使用。另一方面，如果您的视口(viewport)(屏幕尺寸)小于 fancybox 中所需的尺寸，则内容将缩放以适合视口(viewport)。如果你想强制大小，那么你必须设置 fitToView: false .

注意:这仅对 ajax 有效。 , html , inline和iframe内容。图像将始终以缩放以适合视口(viewport)或原始尺寸打开...您无法通过 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 内容有效，对图像无效。