Fancybox只能横向响应高内容吗？

Question

我的网站上有一些非常高的图片。我想让这些图像以水平响应的方式响应，而不是垂直响应。如果它们符合浏览器的高度，它们就会变得太小而无法正常显示。

是否有一种简单的方法可以实现这一目标，而我却错过了？

请参阅下面的示例。点击第二个缩略图“bswift”，然后点击一个小灰色方块来启动Fancybox。 http://www.eaaronrossdesign.com/index2.php

Answer 1

尝试合并fitToView和maxWidth API选项，例如：

$('.thumbs_small').fancybox({
    openEffect: 'elastic',
    closeEffect: 'elastic',
    prevEffect: 'fade',
    nextEffect: 'fade',
    fitToView: false, // images won't be scaled to fit to browser's height
    maxWidth: "90%" // images won't exceed the browser's width
});

检查 JSFIDDLE