0

我有一个包含一些非常高的图像的站点。我希望这些图像以响应方式水平响应,而不是垂直响应。如果它们符合浏览器的高度,它们就会变得太小而无法正常查看。

有没有一种我想念的简单方法来完成这个?

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

4

1 回答 1

13

尝试组合fitToViewmaxWidthAPI 选项,例如:

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

于 2013-06-21T22:59:02.037 回答