fancybox宽度不适用

Question

我正在尝试为fancybox设置宽度

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

阅读一些主题,但设置autoDimensions: false,,尝试用px设置宽度,没有它,用逗号和没有它.没有任何帮助,fancybox显示具有相同的widht和高度.

有什么问题？

PS 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或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内容,不适用于图片.