1. 程式人生 > >用JS實現縮圖

用JS實現縮圖

<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 164/112){
     if(image.width>164){ 
     ImgD.width=164;
     ImgD.height=(image.height*164)/image.width;
     }else{
     ImgD.width=image.width; 
     ImgD.height=image.height;
     }
     ImgD.alt=image.width+"×"+image.height;
     }
    else{
     if(image.height>112){ 
     ImgD.height=112;
     ImgD.width=(image.width*112)/image.height;    
     }else{
     ImgD.width=image.width; 
     ImgD.height=image.height;
     }
     ImgD.alt=image.width+"×"+image.height;
     }
    }
}
//-->
</script>


圖片呼叫
<a href="<%=trim(rs("picurl"))%>" target="_blank"><img src="<%=trim(rs("imgurl"))%>" border="0" width="164" height="112" onload="javascript:DrawImage(this);"></a>

 完