겔러리를 제작중에 있는데 이미지를 강제로 줄이다 보니 이미지가 일그러져 나와서 보기가 좋지 않더군요
그래서 이미지를 비율에 맞게 줄이려고 합니다.

소스

<img name="img_name" src="/img/banloca_2.JPG" border="0">
<Script language="JavaScript">  
x = 0;  
y = 0;  
Xsize = 0, Ysize = 0, ratio = 0;  

var s_width = document.all.img_name.width;  
var s_height = document.all.img_name.height;  
x = s_width;  
y = s_height;  

alert('Width: ' +  x);  
alert('Height: ' + y);  

xxsize = x;  
yysize = y;  

if (xxsize > yysize && xxsize > 124) {  
    ratio = xxsize/124;  
    Ysize = yysize/ratio;  
    Xsize = 124;  
} else if (xxsize < yysize && yysize > 94) {  
    ratio = yysize/94;  
    Xsize = xxsize/ratio;  
    Ysize = 94;  
} else {  
    Xsize = x;  
    Ysize = y;  
}  

s_Xsize = Xsize;  
s_Ysize = Ysize;  

alert('new_width:' +  Xsize);  
alert('new_height' + Ysize);  
document.all['pic'].style.visibility = 'visible';  

</Script>  

위의 코드는 자스코에서 가지고 온 코드 입니다.

이 소스를 사용하면 줄어 드는데 중요한것은 html 코드 안에 삽입을 하면 작동이 되질 않습니다.
이미지 개체를 잡아 내지 못하는것 같아요

그리고 추가로 함수를 만들어서 이미지 사이즈를 줄이고 싶은데
위의 코드를 수정해야 하는데 잘 되지 않군요
아시는 분은 좀 알려 주세요