(jQuery) 이미지 리사이징


jQuery 를 이용한 이미지 리사이징입니다.

– 소스 –

function autoImgResize(obj, maxSize) {
    obj.each(function() {
        var obj = $(this).attr({alt: “클릭하시면 원본 사이즈로 보실 수 있습니다.”}).unbind(“click”).bind(“click”, function() { window.open(obj.attr(“src”), “”); }).css({cursor: “pointer”});
        var width = 0, height = 0;
        width = parseInt(obj.attr(“width”), 10) || parseInt(obj.css(“width”), 10);
        height = parseInt(obj.attr(“height”), 10) || parseInt(obj.css(“height”), 10);
        if(width > maxSize) obj.css({width: maxSize+”px”, height: Math.round(height * (maxSize / width))+”px”});
    });
}

– 사용예 –

1) autoImgResize($(“body img”), 500);
HTML Body 부분의 모든 이미지를 가로 500 픽셀 기준으로 리사이즈

2) autoImgResize($(“#content ul li img”), 500);
ID 가 ‘content’인 요소에 있는 ul – li 의 모든 이미지를 가로 500 픽셀 기준으로 리사이즈