[jQuery] 이미지 모바일 크기에 맞게 조절 | Client Side

웹사이트는 있는 상태에서 모바일페이지를 제작을 할시..

게시글도 웹에서 나오는걸 그대로 보여주길 원한다.. 다른건 문제가 안되는데..

게시글중에 이미지가 들어가 있으면 리사이즈 해줘야 함.

 

window.onload=function(){
 imgSize(); 
}
function imgSize()
{

 var img = $(".memberTbl img");
 
 img.each(function() {
    
  var imgWidth = $(this).width();
  var imgHeight = $(this).height();
  
  if (imgWidth > 300) {
   
   var ratio = imgWidth / imgHeight;
   
   var newHeight = Math.round(350 / ratio);
    
   $(this).attr({ width : "100%", height : newHeight });
   $(this).css({width:"100%",height:newHeight});
 
  }
     
    });
 
}

 

이미지가 여러개 있을수 있으니깐 each 로 각각의 이미지 사이지를 가져온뒤...

사이즈에 맞게 수정.

mobile,img
Comment Write
Comment List
등록된 코멘트가 없습니다.