调整图片大小google [英] Resize image like google
本文介绍了调整图片大小google的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个问题。
当窗口的高度调整时,如何调整图像大小?
How can I resize proportinally an image when window's height is resize ?
例如Google图片:(警告:vaguely NSFW) http://www.gnomecorp.fr/local/cache-vignettes/L160xH230/google-girljaf72-40c90.jpg
Example like Google images : (Warning: vaguely NSFW) http://www.gnomecorp.fr/local/cache-vignettes/L160xH230/google-girljaf72-40c90.jpg
感谢
推荐答案
您可以使用jQuery来实现跨浏览器。在提供的示例中,当您水平调整窗口大小时,图像将按比例调整大小。
You can use jQuery to achieve cross browser. In the example provided, when you resize your window horizontally, image will resize proportionally.
var imgorgw = $('img').width(),
winorgw = $(window).width();
$(window).resize(function() {
var winnew = $(window).width();
winnew <= imgorgw ? $('img').width(winnew) : $('img').width(imgorgw);
})
这篇关于调整图片大小google的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文