jQuery 이미지 사이즈 자동 조절(제한)

다음 소스코드는 게시물의 본문내용에 삽입된 이미지 크기를 자동으로 제한하고자 할 경우에 유용하게 사용될 수 있습니다.

 

$(window.document).ready(function(){
     var target_imgs = $("#sub_content .content_area").find("img");

 

     target_imgs.load(function(){
          var width = $(this).outerWidth();
          if(width >= 690) $(this).css("width", "690");
     });

 

     for(var i=0 ; target_imgs && i<target_imgs.length ; i++)
     {
          var width = target_imgs.eq(i).outerWidth();
          if(width >= 690) target_imgs.eq(i).css("width", "690");
     }

});

 

빨간색으로 표시한 부분 : 제한할 가로 크기

파란색으로 표시한 부분 : 대상 이미지