jquery - 像谷歌一样调整图像大小

Question

我有一个问题。

如何在调整窗口高度时按比例调整图像大小？

例如 Google 图片:(警告:模糊 NSFW) http://www.gnomecorp.fr/local/cache-vignettes/L160xH230/google-girljaf72-40c90.jpg

谢谢

Answer 1

可以使用jQuery来实现跨浏览器。在提供的示例中，当您水平调整窗口大小时，图像将按比例调整大小。

var imgorgw = $('img').width(),
    winorgw = $(window).width();

$(window).resize(function() {
    var winnew = $(window).width();
    winnew <= imgorgw ? $('img').width(winnew) : $('img').width(imgorgw);
})

在 http://jsfiddle.net/zrPpa/2/ 查看工作示例