在網(wǎng)站建設中，我們常常碰到一個(gè)問(wèn)題就是，上傳的圖片，有的很大，寬度或高度超出網(wǎng)頁(yè)的寬和高，這樣一來(lái)就把網(wǎng)頁(yè)撐大了，如果你設定寬和高，那上傳的比例就不能符合所有圖片，我們需要一個(gè)功能來(lái)滿(mǎn)足這些條件，按照上傳圖片自動(dòng)判斷圖片尺寸，并且將尺寸自動(dòng)縮放至設置的尺寸，如果高度超出設定的值，就按高度比例縮放，如果寬度超出設定的值，那么就按照自動(dòng)縮放的，下面我們介紹一種用js的方法，來(lái)實(shí)現。

代碼如下:

<script>
<!--
function DrawImage(ImgD,FitWidth,FitHeight){
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;
}
}
}
}
//-->
</script>

應用圖片的時(shí)候也很簡(jiǎn)單，代碼如下
<IMG SRC="<%=rs("img2")%>" border=0 onload="javascript: DrawImage(this,180,160);">

網(wǎng)站圖片自動(dòng)縮放功能，你學(xué)會(huì )了嗎？