1

我正在尝试为 fancybox 设置一个宽度

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

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

问题是什么？

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

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

4

4 回答 4

8

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

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

注意：这仅对ajax、html和内容inline有效。iframe图像将始终按比例打开以适合视口或原始大小……您无法通过width或heightAPI 选项操作图像的大小。

所以你的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 内容，不适用于图像。

于 2012-11-24T17:42:48.877 回答
1 
$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});
于 2012-11-24T12:49:59.107 回答
0

FancyBox 的文档使用这样的引号：

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

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

于 2012-11-24T11:14:47.043 回答
0

我以这种方式使用代码，它对我有用

$("a.loader").fancybox({   
    maxWidth: 1000,
    minHeight: 1050,
    autoDimensions: false,
    width: '70%',
    height: '70%'
});
于 2012-11-24T11:27:04.470 回答