JavaScript等比例縮放圖片_圖片特效特效

js等比例縮放圖片，這個功能非常實用，當(dāng)網(wǎng)頁加載一個尺寸比較大的圖片時，往往會把一個網(wǎng)頁撐的變形，頁面變得很難看，于是我們就想到了用JS去控制超出一定范圍的圖片，以穩(wěn)定頁面布局，本代碼段就是完成了此功能，而且代碼非常簡潔，效果很好，你可以運行代碼看下效果。

<html>
<head>
<title>等比例縮放圖片</title>
<script>
function DrawImage(ImgD,iwidth,iheight){    
    //參數(shù)(圖片,允許的寬度,允許的高度)    
    var image=new Image();    
    image.src=ImgD.src;    
    if(image.width>0 && image.height>0){    
      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>
</head>
<body>
<img src="http://p1.mb5u.com/texiao/1/20110225160438110.gif" alt="自動縮放后的效果" width="220" height="80" onload="javascript:DrawImage(this,100,100)" />
</body>
</html>

所屬頻道：圖片特效特效/更新時間：2012-12-23

[收藏][報錯][返回列表]

相關(guān)圖片特效特效：

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JavaScript等比例縮放圖片
特效說明：
圖片特效模板-JavaScript等比例縮放圖片。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JavaScript等比例縮放圖片_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些