Question

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

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()
});