杨丽萍广场舞护花使者:<script language=JavaScript>如何控制图片大小

来源:百度文库 编辑:高考问答 时间:2024/04/27 14:03:53
输出图片时
oSP.ImgUrl = "uppic/<%=trim(rs("firstImageName"))%> ";

如何控制图片大小呢?

<script>
function Wa_SetImgAutoSize(obj)
{
//var img=document.all.img1;//获取图片
var img=obj;
var MaxWidth=135;//设置图片宽度界限
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 id="oSP" src="uppic/<%=trim(rs("firstImageName"))%> " border="0" onload="Wa_SetImgAutoSize(this);"/>