jquery 로 img 태그안의 src 의 가로 길이를 조절하는 스크립트

제목 :  jquery 로 img 태그안의 src 의 가로 길이를 조절하는 스크립트

소스 :

<script type="text/javascript">
$(document).ready(function (){
 $("#areaDetail img").each(function (){
  var maxWidth = 620; //최대 가로값 설정(px) ex; 사진 이미지가 600px을 넘으면 600으로 맞추고 이하면 그대로 보여줌
  var width = $(this).width();
  if(width > maxWidth){
   $(this).attr("width",maxWidth);
  }
  $(this).click(function (){
   window.open($(this).attr("src"));
  });
 });
});
</script>

내용 :

$("#areaDetail img") 이 selector 를 본인에 맞게 처리하도록.

해당 ID 아래의 img 태그의 src 를 모두 읽어  width 를 구하여, 처리하는 법. ( 페이지 로딩이 좀 느릴수 있다. )

 

차라리 window.load 로 하면 되려나?

예제 소스 파일 :

 출처 :  나