n

한줄 짜리 팁 (가로 세로 편차에 따른 이미지 리사이징..?!)

· 2007-09-25 (화) 23:13:47 · 3284 · 3

<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}}
">

|

댓글 3개

좋은팁 감사합니다. 다른 방법을 쓰고 있었는데 (좀 복잡한) ㅎㅎ
좋은팁이네요...감사합니다..
ㄳ ㄳ ㄳ
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
07-10-01 조회 1.1만
07-09-29 조회 5,813
07-09-29 조회 5,195
07-09-28 조회 3,944
07-09-25 조회 3,285
07-09-24 조회 3,455
07-09-22 조회 3,245
07-09-21 조회 8,186
07-09-19 조회 5,733
07-09-18 조회 3,791
07-09-17 조회 5,990
07-09-15 조회 8,045
07-09-15 조회 3,603
07-09-15 조회 3,422
07-09-14 조회 5,515
07-09-12 조회 5,145
07-09-07 조회 5,127
07-09-07 조회 1.2만
07-09-06 조회 4,606
07-09-06 조회 3,154