컴퓨터 이야기/프로그래밍
이미지 사이즈 조정
래빗 크리스
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;