asp学习网: 首页 >> javascript教程 >> 常用脚本 >> 用JavaScript自动生成等比例缩略图

用JavaScript自动生成等比例缩略图

function Wa_SetImgAutoSize()
{
var img=document.all.img1;//获取图片
var MaxWidth=200;//设置图片宽度界限@@@@@@@@@@@
var MaxHeight=100;//设置图片高度界限@@@@@@@@@@@@@@@
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
if(img.readyState!="complete")return false;//确保图片完全加载
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}
</script>

应用:
<img src="" border=0 id="img1" onload="Wa_SetImgAutoSize();">
from:asp学习网/title:用JavaScript自动生成等比例缩略图/ time:2007-2-4 14:47:03

本文主题用JavaScript自动生成等比例缩略图

asp教程 ©2006-2007 aspxuexi.com | 关于站点 | 版权隐私 | 站内搜索
复制或者翻版 请于夜间进行