2. 컴퓨터 이야기/프로그래밍

이미지 사이즈 조정

래빗 크리스 2009. 7. 6. 10:54

사용자가 올리는 이미지 사이즈는 정말 다양하다.
관리자에 의해서만 운영된다면 관리자에게 업무를 인계인수 하면 되겠는데..
사용자는 럭비공과 같아서 어떻게 할지 알 수 없는 노릇이다.

그래서, 이미지 폭을 체크해서 일정 폭을 넘으면 폭을 자동으로 조정해 주는 코드가 필요하다.

<script>
<!--
 var img = document.getElementsByTagName('img');
 for(i=0;i<img.length; i++) if(img[i].width>600) img[i].width = 600;
//-->
</script>

위 소스는 document 개체의 getElementsByTagName 함수를 이용해서
<img> 태그를 배열에 담고, 해당 배열을 하나씩 체크해서,
width 가 특정값 이상이면 width 를 조정하도록 하였다.

간혹, document 안에 img 태그가 없는 경우를 대비해서 for 문 앞에
if 문으로 typeof 를 사용하여 object 인지 undefined 는 아닌지 등도 체크해야 한다.

if((typeof img)!='object') return;
if((typeof img.length)=='undefined') return;