[ JavaScript ] 이미지 사이즈 조정

<script>
function imgSize(which){
    var width = eval("document."+which+".width");
    var height = eval("document."+which+".height");
    var temp = 0; 
    var max_width= 600;   // 이미지의 가로 최대 크기    
    var max_height = 400; // 이미지의 세로 최대 크기
    
    if ( width > max_width ) {  // 이미지가 600보다 크다면 너비를 600으로 맞우고 비율에 맞춰 세로값을 변경한다.      
        height = height/(width / max_width);
        eval("document."+which+".width = max_width");     
        eval("document."+which+".height = height");
        width = max_width;     
    }
 
    if( height > max_height ) {
        width = width/(height / max_height);
        eval(document.getElementById(which).width = width);
        eval(document.getElementById(which).height = max_height);
    }
}
< /script>

< html>
< body>
< table>
< tr>
< td width=100 >사진</td>
< td > <img src="../cl_upload/sajin/<%=v_file_nm%>" border=0 name="img"></td>
< /tr>
< /table>
< script>imgSize("img");</script>
< /body>
< /html>



!! 주의 할점 :  함수를 호출할때 꼭 이미지가 들어간 테이블밖에서 실행해야
실행됩니다. 테이블을 이용하지 않는다면 바디테그 이후에 넣어줘야 합니다.

간단한 소스인데도. . 찾기가 힘드네여.-_-;