본문 바로가기
Developer/javascript

모바일 환경에서 이미지 넓이 자동 조정 ,사용자 이미지, 자동 이미지 넓이

by MindOpener 2014. 12. 23.
반응형


사용자가 마음대로 입력한 이미지가 

모바일  환경에서 노출될때 

디바이스를 넘어서는 문제가 발생할 우려가 있다. 


그래서 미연에 방지하기 위해서 본문 안의 이미지의 넓이와 


현재 디바이스의 넓이를 각각 계산하여 핏  하게 맞춰주는 스크립트이다... 

<script type="text/JavaScript">

$( 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>


반응형