国产高清在线免费观看-国产高清在线免费无码-国产高清在线男人的天堂-国产高清在线视频-国产高清在线视频精品视频-国产高清在线视频伊甸园

JavaScript如何控制圖片的顯示大?。?/h3>

當前位置：點晴教程→知識管理交流 →『 技術文檔交流 』

admin 2011年2月26日 18:26 本文熱度 4159

把圖片的鏈接輸入到數據庫里，如 images/abc.jpg   
顯示時用 <img src="<%=rs("img")%>">。
但要怎樣控制每一張圖片的大小呢？如果加上width=60 height=30的話，每一張圖片就會一樣大小。
但要它根據原來的size放大縮小，請問要怎樣寫？

function DrawImage(ImgD,twidth,theight){
var flag=false;
var image=new Image();
var iwidth = twidth;  //定義允許圖片寬度
var iheight = theight;  //定義允許圖片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
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;
  }
  ImgD.alt=image.width+"×"+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;
  }
  ImgD.alt=image.width+"×"+image.height;
  }
}
}  

<img src="="<%=rs("img")%>" onload="DrawImage(this,60,30)">

該文章在 2011/2/26 18:26:56 編輯過