사용자가 올리는 이미지 사이즈는 정말 다양하다.
관리자에 의해서만 운영된다면 관리자에게 업무를 인계인수 하면 되겠는데..
사용자는 럭비공과 같아서 어떻게 할지 알 수 없는 노릇이다.
그래서, 이미지 폭을 체크해서 일정 폭을 넘으면 폭을 자동으로 조정해 주는 코드가 필요하다.
<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;
'컴퓨터 이야기 > 프로그래밍' 카테고리의 다른 글
본문에 사용된 HTML 태그를 관리자 화면에서 다루는 요령 (2) | 2009.07.15 |
---|---|
jsp:include 할때 page 에 뭘 넣을까..? (5) | 2009.07.06 |
자바 스크립트, submit() 과 history.back() 이 모두 기술된다면 어떤 것이 실행될까 (2) | 2009.06.30 |
모니터 화면이 스크롤되어도 일정한 곳에 보이도록 하였던 이미지가 갑자기 움직이지 않는다 (0) | 2009.06.30 |
자바스크립트 정규식 (7) | 2009.06.29 |