js 图片加载时 按比例设置图片宽高_JS使图片在图片框中自适应，按比例缩放

//ImgD:要放图片的img元素，onload时传参可用this

//h:img元素的高度，像素

//w:img元素的宽度，像素

function autosize2(ImgD,h,w)

{

var image=new Image();

image.src=ImgD.src;

if (image.width

{

ImgD.width=image.width;

ImgD.height=image.height;

}

else

{

if (w / h <= image.width / image.height)

{

ImgD.width=w;

ImgD.height=w * (image.height / image.width);

}

else

{

ImgD.width=h * (image.width / image.height);

ImgD.height=h;

}

}

//图片居中，IE8有效果，IE9,火狐无效果，请在页面用table居中

//ImgD.style.paddingLeft = (w + 20 - ImgD.width) / 2;   //20是指padding-left和padding-right距离的和

//ImgD.style.paddingTop=(h + 20 -ImgD.height) / 2;     //20是指padding-top和padding-bottom距离的和

}

在图上加载时调用这个函数(img的onload事件)