jquery 图片的宽为可视窗口的宽 等比缩放如何计算出图片的高

Question

如题所述

Answer 1

代码如下：

$(document).ready(function(){

// 先取得原图片大小，图片加载时获取
$("#IMG").load(function(){
_imgW = this.width;
_imgH = this.height;
// alert(_imgW);
// alert(_imgH);

ImgResize();
});

});
function ImgResize(){

// 再取得可视窗口的宽
var WT = $(window).width();

// 按照宽高比算出调整后图片的高度
var resizeH = (WT * _imgH) / _imgW;

// 将新的尺寸赋予图片
$("#IMG").css({width:WT,height:resizeH});
}

// 浏览器调整窗口大小时重新计算
$(window).resize(function(){
ImgResize()
});