UC知道图片自动适应大小
来源：百度知道 编辑：UC知道 时间：2024/05/28 18:14:35
<a href="javascript:view1(<%=rs2("id")%>)"><%if rs2("newspic")<>"" then
response.write "<img align=center width=142 height=150 border=0 class=img src='"&rs2("newspic")&"'>"
else
response.write "<img align=center border=0 class=img src='images/jiaju.jpg'>"
end if
%></a>
如上面的代码所示，调用的图片怎么样才可以让大小自动适应？就是说，如果图片的大小width>142的话width=142，height>150的话height=150；要求是图片最好不要变形！
response.write "<img align=center width=142 height=150 border=0 class=img src='"&rs2("newspic")&"'>"
else
response.write "<img align=center border=0 class=img src='images/jiaju.jpg'>"
end if
%></a>
如上面的代码所示，调用的图片怎么样才可以让大小自动适应？就是说，如果图片的大小width>142的话width=142，height>150的话height=150；要求是图片最好不要变形！
<script>
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();">
"<img align=center border=0 class=img width="图片宽度" height="图片高度" src='images/jiaju.jpg'>"