我有一个包含一些非常高的图像的站点。我希望这些图像以响应方式水平响应,而不是垂直响应。如果它们符合浏览器的高度,它们就会变得太小而无法正常查看。
有没有一种我想念的简单方法来完成这个?
请参阅下面的示例。单击第二个缩略图“bswift”,然后单击一个灰色小方块以启动 Fancybox。 http://www.eaaronrossdesign.com/index2.php
我有一个包含一些非常高的图像的站点。我希望这些图像以响应方式水平响应,而不是垂直响应。如果它们符合浏览器的高度,它们就会变得太小而无法正常查看。
有没有一种我想念的简单方法来完成这个?
请参阅下面的示例。单击第二个缩略图“bswift”,然后单击一个灰色小方块以启动 Fancybox。 http://www.eaaronrossdesign.com/index2.php
尝试组合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