n

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

<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 팁자료실

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

+
제목 글쓴이 날짜 조회
18년 전 조회 1.5만
18년 전 조회 2,702
18년 전 조회 4,398
18년 전 조회 5,695
18년 전 조회 5,661
18년 전 조회 1.1만
18년 전 조회 5,592
18년 전 조회 4,961
18년 전 조회 3,751
18년 전 조회 3,087
18년 전 조회 3,222
18년 전 조회 3,033
18년 전 조회 7,949
18년 전 조회 5,539
18년 전 조회 3,558
18년 전 조회 5,760
18년 전 조회 7,831
18년 전 조회 3,433
18년 전 조회 3,188
18년 전 조회 5,319
🐛 버그신고