图片按比值厄缩略处理js

在jsp页面body元素中 onload 方法调用

?

function resizeImgs(imageName,imgWidth,imgHeight){

??? var imgs=document.getElementsByName(imageName);

??? var currentWidth,currentHeight;

??? for(var i=0;i<imgs.length;i++){

?????? //设置图片宽度界限

?????? var MaxWidth=imgWidth;

?????? //设置图片高度界限

?????? var MaxHeight=imgHeight;

?????? //设置高宽比

?????? var HeightWidth=imgs[i].offsetHeight/imgs[i].offsetWidth;

?????? //设置宽高比

?????? var WidthHeight=imgs[i].offsetWidth/imgs[i].offsetHeight;

?????? if(imgs[i].offsetWidth>MaxWidth){

?????????? imgs[i].width=MaxWidth;

?????????? imgs[i].height=MaxWidth*HeightWidth;

?????? }

?????? if(imgs[i].offsetHeight>MaxHeight){

?????????? imgs[i].height=MaxHeight;

?????????? imgs[i].width=MaxHeight*WidthHeight;

?????? }

?????? imgs[i].style.marginTop = (imgHeight-imgs[i].height)/2 + "px";

??? }

}