한줄 짜리 팁 (가로 세로 편차에 따른 이미지 리사이징..?!) > 그누4 팁자료실

그누4 팁자료실

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

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

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

본문

<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

댓글 3개

전체 3,309 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT