图片按比例厄缩略处理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";

    }

}