겔러리 게시판을 만들고 있습니다.

사용자가 올리는 이미지의 크기가 다들 제각각이다 보니 고정사이즈로 출력을 하면

이미지가 일그러져 보이는 경우가 허다 합니다.



해서 이미지의 최대 크기를 정하고 그 이미지보다 그면 이미지를 비율로 줄여서 최대 크기보다 작게 출력을 해 주고 싶습니다.

일단 아래의 코드는 인터넷상에서 퍼온것인데 확인해 주시고 더욱 좋은 방법이 있으면 알려 주세요



<img name="img_name" src="/img/banloca_2.JPG" border="0">

<Script language="JavaScript1.2">  

    x = 0;  

    y = 0;  

    Xsize = 0, Ysize = 0, ratio = 0;  

    

    var s_width = document.img_name.width;  

    var s_height = document.img_name.height;  

    x = s_width;  

    y = s_height;  

    

    alert('Width: ' +  x);  

    alert('Height: ' + y);  

    

    xxsize = x;  

    yysize = y;  

    

    if (xxsize > yysize && xxsize > 120)

    {

        img_rate = xxsize / 120;

        Ysize = yysize/img_rate;

        Xsize = 120;

    }else if (xxsize < yysize && yysize > 120)

    {

        img_rage = yysize / 120;

        Xsize = xxsize /img_rate;

        Ysize = 120;

    } else

    {

        Xsize = x;

        Ysize = y;

    }

    

    s_Xsize = Xsize;  

    s_Ysize = Ysize;  

    document.img_name.width = Xsize;

    document.img_name.height = Ysize;

    

    alert('new_width:' +  Xsize);  

    alert('new_height' + Ysize);  

</Script>  



위의 코드는 잘 적용이 됩니다.



위의 코드를 응용하여 함수를 만들고 겔러리 리스트 출력시 호출해서 사용하고 싶은데

중요한것은 여기에 다른 html코드나 테이블 테그 등등 추가가 되면 위 코드가 실행이 되지 않는다는 것입니다.

넓이와 높이를 출력해서 확인해 보면 모두 0으로 나옵니다.



요점은 비율로 줄이는 함수를 만들고 그 함수를 호출하여 사용하고 싶은데 잘 않되는군요

아시는 분은 좀 알려주세요

오늘도 노가대를 위하여....ㅡㅡ