js+CSS 图片等比收缩代码

May 8, 2009 | tags js  css  图片   | views
Comments 0

JS代码

<SCRIPT language="javascript">
//定义要限制的图片宽高,这个宽高要同style里面定义的相同,小于限定高宽的图片不操作
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = 150; //定义允许宽度,大则等比例缩小,高度自适应
var iheight = 150; //定义允许高度,大则等比例缩小,宽度自适应
image.src=ImgD.src;
if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= iwidth/iheight){
   if(image.width>iwidth){
   ImgD.width=iwidth;
   ImgD.height=(image.height*iwidth)/image.width;
   }else{
   ImgD.width=image.width;
   ImgD.height=image.height;
   }
    }else{
   if(image.height>iheight){
   ImgD.height=iheight;
   ImgD.width=(image.width*iheight)/image.height;
   }else{
   ImgD.width=image.width;
   ImgD.height=image.height;
   }
    }
}
}
</script>

调用代码

<table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
         <td align="center" height="160"><img src="" /></td>
     </tr>
 </table>
 


    相关文章:



发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。