웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일 이미지축소모드
2015.05.07 18:35
.xe_content img { max-width:50px !important;max-height:50px !important;}
다음과 같은 css를 작성하여 레이아웃의 css폴더에 redc.css의 파일명으로 저장합니다.
!important는 이전의 css를 무시하고 해당 css를 무조건적으로 적용하게 합니다.
50px가 아닌 퍼센테이지로 축소할려면 50%와 같이 수정하시면 됩니다.
<load target="./css/redc.css" cond="$_COOKIE['redc'] == 'Y'" />
레이아웃의 위에 다음과 같은 코드를 삽입합니다.
<li><button type="button" onclick="setCookie('redc','Y',60);top.location.reload()" cond="$_COOKIE['redc'] != 'Y'">축소모드 ON</button></li> <li><button type="button" onclick="setCookie('redc','N',60);top.location.reload()" cond="$_COOKIE['redc'] == 'Y'">축소모드 OFF</button></li>
이미지 축소를 위한 버튼을 추가합니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
간편 css 압축 | Ansi™ | 2015.04.21 |
폰갭과 웹앱 그리고 XE... [6] | onTrust | 2015.04.23 |
PC에서 모바일화면 보는방법 [2] | 빅스타 | 2015.04.29 |
리스트에 스크랩 버튼을 뺴는 코드입니다. [3] | 착한악마 | 2015.04.30 |
xe설치시 퍼미션 문제나 DB엑세스 문제 해결하기 | 길가던분 | 2015.05.01 |
CKEditor 이용시 몇가지 유용한 설정 [11] | prologos | 2015.05.02 |
속도관련 나노팁. [5] | 1052 | 2015.05.04 |
member 모듈 업데이트가 계속 나오는 경우 | 고니고니 | 2015.05.06 |
[서버운영] 웹 재요청 방지 및 트래픽 감소를 위한 방법 | 마루디자인 | 2015.05.06 |
인기글 [1] | kdp | 2015.05.07 |
게시판의 MP3파일 갯수 표시하기 | kdp | 2015.05.07 |
오늘 작성된 게시글수 [2] | kdp | 2015.05.07 |
모바일 이미지 제거모드 | kdp | 2015.05.07 |
모바일 이미지축소모드 | kdp | 2015.05.07 |
저같은 초보분들이 궁금해 하실것같아서요 [3] | 착한동구 | 2015.05.08 |
플렛모바일 네이버로 로그인하기 버튼 | LI-NA | 2015.05.17 |
확장 컴포넌트 밖으로 뺀 후 완전한 버튼화 [1] | 키스미베이베 | 2015.05.20 |
레이어형 로그인 사용시에 SSL 적용방법 (선택적 사용시) [1] | 불금 | 2015.05.20 |
XE 템플릿 문법 : 조건부 class 작성하기 | AJKJ | 2015.05.23 |
자바로 스크롤 구현 [1] | 착한동구 | 2015.05.25 |