웹마스터 팁

출처 : http://sejin7940.co.kr/index.php?mid=xe_tips&document_srl=71290

 

----------------------------------------------------

 

XE에 기본적으로 깔려있는 애드온 중에  '본문내 이미지 조절 애드온' 가 있습니다.

크게 두가지 기능을 하는애드온이죠


1) 가로 사이즈가 큰 이미지를 게시판 폭에 맞게 줄여주는 기능과
2) 별도의 링크가 안 걸려있는이미지의 경우 이미지 클릭시 모달창으로 원본 이미지가 크게 뜨게 하는 기능

이 있죠..


 

이 애드온이 설정에서 옵션화 되어있으면 더 좋을텐데,  실제로 옵션화가 안 되어있다보니
둘중에 하나만 쓰고 싶거나,  반대로 하고픈 경우 할 수가 없죠.    (제가 옵션화 해서 배포해도 되겠지만...  아.. 귀찮아서 ㅡㅡ;;)

그런데 수정법이 정말 간단하기에 적어드리겠습니다.  의외로 유용하게 쓰실 분들이 계실듯..

 

 

1. 이미지 클릭시 모달로 원본 이미지가 뜨는 기능을 없애고프면...
  ( 자동축소는 원하는데 이 기능은 안 쓰고 싶어하는 경우가 제법될 겁니다.  특히 페이지 모듈 사용시...)

 

  addons/resize_image/js/resize_image.min.js  에서

  9번째 줄 끝쪽에 있는    $img.css('cursor', 'pointer').click(slideshow);    를 지워주시면 됩니다.

 

 


2. 큰 이미지는 작게 줄어드는데,
   작은 이미지는 사이즈에 맞게 늘어날 수 있게 하면 좋지 않을까 생각해볼 수도 있죠
   (물론 작은게 커지면 이미지가 깨져 보기 싫긴하겠지만, 상황에 따라 또 이걸원하는 경우가 있을 수도 있겠죠)

 

  addons/resize_image/js/resize_image.min.js  에서

  8번째 줄 제일 앞에 있는  if(beforSize.width<=contentWidth)return;  를 지워주시면 됩니다.

 

 

(130111 추가내용 - sejin7940)

2번에 적은 작은 이미지 늘어나게 하는  기능의 경우, 모바일에서도 작동하게 하려면...

addons/resize_image/css/resize_image.mobile.css 에서

 

.xe_content img{max-width:100%;height:auto !important; min-width:100%;}   이렇게 

끝에 min-width:100%;   라는 문구를 추가해주면 됩니다.

 

 

제목 글쓴이 날짜
개인 웹서버 백업 및 게시물 등록 날짜 수정 방법 [10] file eunbini 2008.10.24
회원 정보에 내 포인트 현황 출력하기 [3] file 화랑529 2013.01.08
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] file misol 2012.01.31
XE 1.5.1 로 사이트 꾸미기 Part 3. [22] file 황비 2011.12.06
ShopXE 상품 첨부 - 상품이미지 등록시 첨부 용량 초과 에러 수정 hhgyu 2013.02.05
로그인 스킨 수정 팁 - 신규 쪽지 수 보여주기 [17] file 러브스킬 2010.05.03
모바일 페이지모듈에서 스킨 설정안 되는 버그 수정법 [2] sejin7940 2013.01.08
Database, MySQL 이 무엇인가~~~ ^^ [103] zero 2000.03.06
[PHP 기초] PHP 소개 [6] 난다날아 2011.03.22
푸시알림 "유메시지" 지원 소스 및 그룹 메시지 지원합니다. [13] file 유키패드 2012.07.12
NAVER Analytics 모듈 1.5.4.X 에서 사용하기 hhgyu 2013.01.30
1.5.4 회원정보에서 회원이 자기 이름 마음대로 수정 못하게 하는 거... [2] 샤로우 2012.12.31
위젯 <td> 마다 다르게 배경색 지정.. [1] 제임스라 2012.11.30
[Social XE] Social XE 댓글위젯에 SNS 전송 옵션 체크박스 추가하기 [14] file TUW 2013.01.24
TEXTYLE 카테고리 안 보이는 분들 참고하세요 사자쭈꾸미 2013.01.24
TEXTYLE 파일 업로드 안되는 분들 참고하시기 바랍니다. 사자쭈꾸미 2013.01.24
본문내 이미지 조절 애드온 기능 확장 - 원본이미지 모달 제거 / 작은이미지 크게 확장하기 [2] sejin7940 2012.11.25
사이트 주소로 접속했을때 XE 폴더로 이동하기 팁 [42] 베니 2007.08.16
Contact us 체크박스 및 전화번호가 array로 나오는 거 패치 [9] hhgyu 2012.03.27
페이지 제일 위로 바로가는 Top 버튼 [5] file 개돌 2009.06.26