JS实现图片的等比缩放

由于最近在学习AJAX所以不免要看些JS，今天写了一个图片等比缩放的function来和大家一起分享。
JS：
function pic_reset(drawImage,thumbs_size) {   
    var max = thumbs_size.split(',');   
    var fixwidth = max[0];   
    var fixheight = max[1];  
    w=drawImage.width;h=drawImage.height;   
    if(w>fixwidth) { drawImage.width=fixwidth;drawImage.height=h/(w/fixwidth);}   
    if(h>fixheight) { drawImage.height=fixheight;drawImage.width=w/(h/fixheight);}         
    drawImage.style.cursor= "pointer";   
    drawImage.onclick = function() { window.open(this.src);}    
    drawImage.title = "点击查看原始图片";  
}

HTML：
<html>
<head>
<title>超哥一线之图片等比缩放</title>
<script language="javascript" type="text/javascript" src="js/Pic2.js"></script>
</head>
<body>
<img src="img/contents.jpg" onload="resize(this,'50,50');"></img>
</body>
<html>

posted @ 2008-06-21 21:54  Peter_He  阅读(1258)  评论(1)    收藏  举报