한줄 짜리 팁 (가로 세로 편차에 따른 이미지 리사이징..?!) 정보
한줄 짜리 팁 (가로 세로 편차에 따른 이미지 리사이징..?!)본문
<img src="image_url" onload="if (this.width>600) {this.width=600}">
"가로 사이즈가 600보다 큰 이미지라면 600으로 출력하라"
<img src="image_url" onload="if (this.height>600) {this.height=600}">
위와 반대
아주 간단하지만 응용범위가 좀 있을 듯합니다.
갤러리같은 곳에 응용하면 좋을 듯합니다.
특히 교체되는 이미지의 가로 세로 사이즈가 천차만별인 곳에 응용하면 좋을 듯합니다.
테이블 사이즈나 레이아웃 사이즈가 지정된 치수(600*600)라면...
이미지의 가로 세로 비율을 비교하여 지정된 치수(600)보다 크다면...
가로나 세로를 지정된 치수(600)로 출력...
비율이 같다면 둘다 지정된 치수(600)로 출력...
(테스트는 했으나 맞는 표현인지는..?!)
가로 보다 세로를 기준으로 표현했습니다.
이유는 가로로 할 경우 세로가 기본 치수로 출력되는 결과를 확인했습니다.
<img src="image_url"
onload="if (this.height<this.width) { if (this.width>600){this.width=600}}
else if (this.height>this.width) { if (this.height>600) {this.height=600}}
else if (this.height=this.width) { if (this.height>600) {this.height=600}}
">
추천
1
1
댓글 3개

좋은팁 감사합니다. 다른 방법을 쓰고 있었는데 (좀 복잡한) ㅎㅎ
좋은팁이네요...감사합니다..

ㄳ ㄳ ㄳ