XE 공식 자료실
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
- 제작자
- LI-NA
- 등록일
- 2012-12-11
- 다운로드 수
- 313
- 링크1
- xenon.teamatde.co.kr
자바스크립트를 통해 리사이즈를 하므로 완벽하게 리사이즈됩니다. [Xenon™]
- 라이선스
- GPL v2
- 설치경로
- ./addons/mresizer
- 최초 등록일
- 2012-11-22
- 전체 다운로드
- 9,971
체험하기
쉬운설치로 바로 체험할 수 있습니다
상세 설명
어째 기본 리사이즈 애드온이 안되길래 하나 만들었습니다.
자바스크립트로 하므로 적용률 100%입니다!
다른 애드온과의 충돌? 걱정할 필요 없습니다.
그냥 넣고 돌리면 어떤 디바이스든 이미지가 리사이즈됩니다!
버전
v1.0
릴리즈
v1.1
타입 B 추가
v1.2
다수의 이미지가 존재할때 2번째부터 적용이 안되던 버그 수정
타입 C, D 추가
v1.3
타입 A, B의 자바스크립트 구문오류 해결 및 코드정리
설명
타입 A : 자바스크립트를 이용하여 이미지의 style를 max-width: 100%; height: auto; 로 변경합니다.
타입 B : 자바스크립트를 이용하여 이미지의 style를 max-width: [컨텐츠 부분의 넓이]; height: auto; 로 변경합니다.
타입 C : CSS를 이용하여 이미지에다 max-width: 100%; height: auto; 를 !important 로 강제적용합니다.
타입 D : jQuery를 이용하여 이미지의 style를 max-width: 100%; height: auto; 로 변경합니다. 버그를 잡기위해 try구문을 이용하여 $객체와 jQuery객체를 둘다 사용합니다.
포럼 0
로그인 후 작성할 수 있습니다.