[펌글] 이미지 가로 최대치 제한 및 세로 비율 유지

- 출처 : http://blog.naver.com/hschoi82/20043230707 -

* <img>태그의 onload 속성에서 다음의 함수를 실행한다.

* 원본 비율을 유지하고 싶다면 <img> 태그에 width와 height의 초기값을 주지 말자.
   => 초기값을 주게 되면 이미지의 원본비율이 아니라 그 초기값에 해당하는 가로세로 비율을 맞춘다.

 // 이미지 가로 최대치 제한 및 세로 비율 유지
 function AutoResize(MaxWidth) {

     var photo = document.getElementById("photo");   //이미지 엘리먼트
     var newWidth = MaxWidth;
     var newHeight = photo.height - (photo.height * (photo.width - MaxWidth) / photo.width);
     photo.width = newWidth;
     photo.height = newHeight;

 }