<html>
<head>
<title>test image</title>
<script language="javascript" src="js/drawImage.js"></script>
</head>
<body>
<img src="img/mm.jpg" border="0" onload="javascript:drawImage(this, 60, 80);" />
<img src="img/mm.jpg" border="0" onload="javascript:drawImage(this, 120, 120);" />
<img src="img/mm.jpg" border="0" onload="javascript:drawImage(this, 200, 150);" />
<img src="img/23.jpg" border="0" onload="javascript:drawImage(this, 60, 80);" />
<img src="img/23.jpg" border="0" onload="javascript:drawImage(this, 120, 120);" />
<img src="img/23.jpg" border="0" onload="javascript:drawImage(this, 200, 150);" />
<p> </p>
<img src="img/woyo.jpg" border="5" />
<img src="img/woyo.jpg" border="0" onload="javascript:drawImage(this, 320, 8000);" />
<img src="img/woyo.jpg" border="0" onload="javascript:drawImage(this, 5000, 300);" />
</body>
</html>
drawImage.js
function drawImage(ImgD, x, y) {
var ratio = ImgD.width / ImgD.height;
ImgD.width = ((ratio >= x/y) ? x : ratio * y);
ImgD.height = ((ratio >= x/y) ? x/ratio : y);
}