반응형
그래서 미연에 방지하기 위해서 본문 안의 이미지의 넓이와 현재 디바이스의 넓이를 각각 계산하여 핏 하게 맞춰주는 스크립트이다... | |
$( document ).ready(function() { | |
var dw = $(document.body).width(); | |
$(function() { | |
$(".smr img").each(function() { | |
var oImgWidth = $(this).width(); | |
var oImgHeight = $(this).height(); | |
$(this).css({ | |
'max-width':oImgWidth/(oImgWidth/dw)+'px', | |
'max-height':oImgHeight/(oImgHeight /dw) +'px', | |
'width':'100%', | |
'height':'100%' | |
}); | |
}); | |
}); | |
}); | |
</script> |
반응형
'Developer > javascript' 카테고리의 다른 글
최근 본 상품, 페이징 구현 , 삭제 구현, side bar,javascript (0) | 2015.03.12 |
---|---|
getjson, 이기종간에 값 전달 혹은 서비스 중간 처리에 끼워넣기 (0) | 2015.01.22 |
이미지 에러시 대체 처리, 이미지 에러 처리 (0) | 2014.12.19 |
Nivo sloder 를 이용한 간단한 javascript web book viewer, 북 뷰어 (0) | 2014.12.11 |
jquery 자동 완성 (0) | 2014.12.08 |