Web/JQUERY

이미지 리사이즈

d(ㅡㅅㅡ)b♪ 2011. 10. 5. 13:54
반응형
function img_resize() {
    maxsize = 350;   //최대 가로폭
	$("img").each(function() { // 모든 이미지 태그에 적용
        var imgwidth = $(this).width();  // 해당 img의 속성 중 폭(width)의 값
        if (imgwidth > maxsize) {  // 폭이 maxsize 초과할 때에만 줄임
            var imgheight = $(this).height();  // 해당 img의 속성 중 높이(height)의 값
            var ratio = imgwidth/imgheight; // 비율
            var newHeight = Math.round(maxsize/ratio);  // 새 높이는 maxsize으로 원래 비율에 맞춤
            $(this).css({width:maxsize, height:newHeight});  // 폭과 높이를 새로 지정
        }
      });
}
$(window).load(function(){
	img_resize();
});
반응형