이미지 비율에 맞게 리사이즈
히메
쇼핑몰에 이미지 올려야 하는데,,
이미지들이 다 각각의 사이즈여서,,,,,,,ㅎㅎ
이미지 시이즈 줄이다가 자바스크립트로 될것같아서 찾아봤지만,,,,,,,ㅎㅎ
그래서 부탁드립니다.
혹시 이미지 사이즈 비율에 맞게 리사이즈하는 자바스크립트 소스구할 수 없을까요??
이미지가 여러개일 경우 비율에 맞게 리사이즈 할 수 있는 소스 부탁드립니다...ㅎㅎ
// 저번에 이렇게 잘문을 드렸었습니다.
수다님께서 css로도 가능할것 같다는 글을 달아주셨었는데,,
답변이 없어서 다시 올려 봅니다-
이미지 비율에 맞게 리사이즈 하는 방법 css나 자바스크립트 아시는 분 부탁드립니다-ㅎㅎ
-
애교
css의 경우 이미지를 감싸는 class명이
div class=\thum\img src=\경로.gif\ alt=\이미지\ //div 일 경우
.thum img {width:100px; height:100px}
요런식으로 강제적으로 이미지 사이지를 리사이즈 할 수 있는 방법이 있습니다.
스크립트는 다른분께 패스~ -
연블랙
감사합니다-ㅎㅎ
kasanopp수다님의 방법을 사용하니까 되네요~^^ -
덕이
오~ 이런 방법이? 익스6은 브라우저가 힘들어하겠군요. ^^;
-
보라나
.img {max-height:200px;max-width:240px;*height:expression(this.height 200 ? ((this.height / 200) = (this.width / 240) ? 200 : true) : true);*width:expression(this.width 240 ? ((this.width / 240) (this.height / 200) ? 240 : true) : true);}
이렇게 한번 해보세요.
-
진달래
이런건 개발에 맡기심이?
어차피 이미지 사이즈를 조정한다고 해서 출력되는 실제 이미지의 사이즈가 줄어드는것은 아니므로,
만약 사용자가 2000x1600 사이즈의 사진을 올렸다고 하면 그 이미지 다운받고 스크립트 혹은 스타일시트로 사이즈조정하는 시간은 사용자가 페이지 로딩되는 시간에 합산됩니다.
개발단에서 이미지를 올릴때 thumbnail 파일을 만들도록 하거나, 출력할때 리사이징된 이미지를 만들어서 출력하도록 하는 방법(예:php 라면 gd라이브러리
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2701230 | 테마 설정하면 밑에 뜨는 글 삭제 (1) | 창의적 | 2025-07-12 |
2701177 | css적용이 안되요~ (6) | 다니엘 | 2025-07-11 |
2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |