javascript實現圖片等比例縮放代碼

代碼如下

複製代碼

//設定圖片自動調整  function   SetImgSize(pimg,iw,ih)   {   //pimg對象，iw縮圖寬度,ih縮圖高度    var   img   =   new   Image();     img.src = pimg.src;       var   w   =   iw;       var   h   =   ih;          if(img.width>0 && img.height>0)    {       if(img.width>iw||img.height>ih)    {      if((iw   /   ih)   >   (img.width   /   img.height))         {        h =  ih;       w   =   img.width   *   (ih   /   img.height);        }         else         {         w   =   iw;          h   =   img.height   *   (iw   /   img.width);         }        }    else    {    w = img.width;    h = img.height;    }    }        pimg.width=w;       pimg.height=h;       pimg.style.display="";    }

調用相當簡單

代碼如下	複製代碼
<img width="150" height="110" src="<?php echo $pic;?>" onload="SetImgSize(this,150,110)" />

直接調用便可

css代碼

 

代碼如下	複製代碼
.thumbimg { max-width: 530px; max-height: 530px; }/* for firefox & ie7 */ * html .thumbimg {width: expression(this.width > 530 && this.width > this.height ? "530px" :auto); height:expression(this.height >530 ? "530px":auto);}/* for ie6

方法二

代碼如下	複製代碼
img { width:expression(this.offsetwidth>160 ? 160 : true); /*自行修改圖片寬度*/ height:expression(this.offsetheight>180 ? 180 : true); /*自行修改圖片高度*/ }

js整個頁面都自動等比例縮放

代碼如下

複製代碼

<script language="javascript" type="text/javascript">    function DrawImage()    {        var FitWidth = 200,FitHeight = 200;      var ImgD = document.getElementById('Image1');    var image = new Image();      image.src=ImgD.src;       if(image.width>0 && image.height>0)      {            if(image.width/image.height>= FitWidth/FitHeight)       {              if(image.width>FitWidth)              {                   ImgD.width=FitWidth;                    ImgD.height=(image.height*FitWidth)/image.width;                }                else                {                  ImgD.width=image.width;                    ImgD.height=image.height;                }            }            else          {                if(image.height>FitHeight)      {                    ImgD.height=FitHeight;                    ImgD.width=(image.width*FitHeight)/image.height;                }                else      {                   ImgD.width=image.width;                    ImgD.height=image.height;               }           }        }    }      DrawImage();   </script>