javascript img resize

img의 id나 name을 넘기지 않고 한번에 처리하는 방법

$('.class img').each(function() {
        var maxWidth = 100; // 이미지의 최대 가로 사이즈
        var maxHeight = 100;    // 이미지의 최대 세로 사이즈
        var ratio = 0;  // Used for aspect ratio
        var width = $(this).width();    // 현재 이미지의 가로
        var height = $(this).height();  // 현재 이미지의 세로

        //현재 이미지가 최대 이미지보다 큰지 체크
        if(width > maxWidth){
            ratio = maxWidth / width;   // 이미지의 비율 구함
            height = height * ratio;    // 비율에 맞는 가로, 세로길이 구함
            width = width * ratio;
            $(this).width( width );     //수정된 길이를 이미지에 적용
            $(this).height( height );
        }
    });

아래 글에서 참고했으나 height 변경하는 방법은 width나 비슷하니 패스.

그리고 아래 설명과 같이 했을 때 잘 안되서 조금 수정

http://stackoverflow.com/questions/3971841/how-to-resize-images-proportionally-keeping-the-aspect-ratio