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

Question

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

是否有一种简单的方法可以实现这一点,我错过了？

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

Answer 1

尝试组合fitToView和maxWidthAPI选项,如:

$('.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