1. 程式人生 > >解決圖片太大溢位問題、CSS 限制圖片最大寬度、圖片按比例自動縮放

解決圖片太大溢位問題、CSS 限制圖片最大寬度、圖片按比例自動縮放

在網上找了很久,這裡儲存一下,方便以後使用

實現思路很簡單,改造js程式碼,既然圖片很大,那麼我們先用最經典的限制width的方法限制大圖的寬度,但是小圖怎麼辦?小圖我們用onload的方法再縮小,就這麼搞定了。完美程式碼如下:

對應的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>650){
   }else{
   ImgD.width=image.width;
   ImgD.height=image.height;
   }
   }
}
//-->
</script>
對應的HTML程式碼:

<img border=0 src="圖片路徑" onload="javascript:DrawImage(this);" width="650" />