CSS를 이용한 resize

width:ｅxpression(this.width > 550 ? this.width = 550 : void(0)); max-width:550px;

 

 

 

게시판의 경우 첨부한 이미지 크기가 게시판의 가로 사이즈 보다 클 경우 게시판의 레이아웃을 깨뜨리게 되는데요..

 

스크립트도 이미지를 원하는 크기 이하로 만들 수도 있는데요.. onload를 사용해야 되서 다른 스크립트와의 충돌이나 페이지가 다 로드된 후에 리사이즈 되기 때문에 속도가 느려서 원래의 사이즈로 뿌려졌다가 다시 작아지는 현상을 보여줍니다..

 

그런데 스타일로 리사이즈를 하면 스크립트 방식보다 빠르고 타 스크립트와의 충돌할 경우도 없기 때문에 안전합니다..

 

일단 ie5.0~ ie7.0,fifrefox.opera,safari 모두 적용 되구요.

W3C Valid 돌려보니 웹표준에도 문제없네요~..