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,725
18년 전 조회 4,430
18년 전 조회 5,726
18년 전 조회 5,688
18년 전 조회 1.1만
18년 전 조회 5,623
18년 전 조회 4,981
18년 전 조회 3,771
18년 전 조회 3,108
18년 전 조회 3,254
18년 전 조회 3,062
18년 전 조회 7,970
18년 전 조회 5,555
18년 전 조회 3,577
18년 전 조회 5,791
18년 전 조회 7,856
18년 전 조회 3,457
18년 전 조회 3,212
18년 전 조회 5,347