- 출처 : 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;
}