javascript网页中图片自动缩放

一段代码,相信看了之后就会用吧.

XML/HTML代码
  1. <script type="text/javascript">  
  2. <!--   
  3. function setImgSize(imgID,maxWidth,maxHeight)   
  4.  {   
  5.      var img = document.images[imgID];   
  6.       if(maxWidth < 1)   
  7.       {   
  8.          if(img.height > maxHeight)   
  9.          {   
  10.              img.height = maxHeight;   
  11.          }   
  12.          return true;   
  13.      }   
  14.      if(maxHeight < 1)   
  15.      {   
  16.          if(img.width > maxWidth)   
  17.          {   
  18.              img.width = maxWidth;   
  19.          }   
  20.          return true;   
  21.      }   
  22.      if(img.height > maxHeight || img.width > maxWidth)   
  23.      {   
  24.          if((img.height / maxHeight) > (img.width / maxWidth))   
  25.          {   
  26.              img.height = maxHeight;   
  27.          }   
  28.          else   
  29.          {   
  30.              img.width = maxWidth;   
  31.          }   
  32.          return true;   
  33.      }   
  34.  }   
  35. -->  
  36. </script>  
  37.   
  38. <img src="data.jpg" alt="" name="img1" id="img1" onload="setImgSize('img1',450,0);"/>  
分享:

1条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

😉😐😡😈🙂😯🙁🙄😛😳😮:mrgreen:😆💡😀👿😥😎😕