The picture automatically shrinks the JS code, to prevent the picture to burst the page

js| page

JS code (wherever to put):
<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/image.height>= 180/110) {
if (image.width>180) {
imgd.width=180;
imgd.height= (image.height*110)/image.width;
}else{
Imgd.width=image.width;
Imgd.height=image.height;
}
/*imgd.alt= "Bigpic" * *
}
else{
if (image.height>110) {
imgd.height=110;
Imgd.width= (image.width*110)/image.height;
}else{
Imgd.width=image.width;
Imgd.height=image.height;
}
/*imgd.alt= "Bigpic" * *
}
}
}

-->
</script>

Where the pictures are used:
Width= "180" height= "110" Note that here is the best qualification, if you do not limit the load map will become the original large, and then shrink, this process if the picture is very difficult to see. Here is the width and height, in the front of JS change, here also make the corresponding change.

The figure will not deform, will only be reduced by the column, rest assured