如何调整Fancybox 2.1.7弹出图片尺寸使其大于原图？

嘿，我来帮你解决这个问题！你现在的配置已经有了固定宽高和关闭自动尺寸的基础，但还差两个关键参数，就能让图片弹出时比原图大啦：

修改后的完整脚本 #

$(".fb-movie2").fancybox({
    'type': 'image',
    'width': 600,
    'height': 400,
    'scrolling': 'no',
    'autoSize': false,
    'fitToView': false,  // 关键开关：关掉这个，才允许弹出层尺寸超过原图和视口
    'scaling': true,     // 让图片按比例缩放，适配你设置的600x400容器，不会变形
    helpers: {
        overlay: {
            // 这里保留你原来的overlay配置就行
        }
    }
});

关键参数解释 #

• fitToView: false：这是核心！默认Fancybox会把弹出层限制在浏览器视口内，还不让图片放大超过原图尺寸。把它设成false，就能强制使用你指定的宽高，哪怕这个尺寸比原图大很多。
• scaling: true：这个参数能保证图片按原有比例缩放，不会被拉伸变形。如果原图比例和你设置的600x400不一样，图片会自动居中显示，容器的空白部分会留空，不会破坏图片比例。

小补充 #

如果你想让图片完全填满你设置的容器（哪怕裁剪掉超出部分），可以加个'aspectRatio': false，但除非你设置的宽高比例和原图完全一致，否则图片会变形，所以更推荐保留scaling: true来维持图片的正常比例哦。

内容的提问来源于stack exchange，提问作者Keoki