【文件属性】:
文件名称:js等比例缩放页面图片大小
文件大小:2KB
文件格式:JS
更新时间:2017-08-14 08:35:18
图片缩放
js等比例缩放页面图片大小
// JavaScript Document
function handle_img(tagimg_name,tagimg_width,tagimg_height){
var img_object=new Image();
var get_imgs=document.getElementsByName(tagimg_name);
for(var i=0 ; itagimg_width){
if(tagimg_width/img_object.width*img_object.height>tagimg_height){
var w_width=tagimg_width/img_object.width*img_object.height;
get_imgs[i].width=(tagimg_height/w_width)*tagimg_width;
get_imgs[i].height=tagimg_height;
}else{
get_imgs[i].height=tagimg_width/img_object.width*img_object.height;
get_imgs[i].width=tagimg_width;
}
}
//如果高度超过了tagimg_height
if(img_object.height>tagimg_height){
if(tagimg_height/img_object.height*img_object.width>tagimg_width){
var h_height=tagimg_height/img_object.height*img_object.width;
get_imgs[i].height=(tagimg_width/h_height)*tagimg_height;
get_imgs[i].width=tagimg_width;
}else{
get_imgs[i].width=tagimg_height/img_object.height*img_object.width;
get_imgs[i].height=tagimg_height;
}
}
}
}
//handle_img(tagimg_name,tagimg_width,tagimg_height) 页面加载完毕后调用该函数即可
//第一个参数为 页面当中img标记的name值
//第二个参数为 将要设定预览图片的宽度
//第三个参数为 将要设定预览图片的高度