웹마스터 팁

출처 : 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%;   라는 문구를 추가해주면 됩니다.

 

 

제목 글쓴이 날짜
게시판 글작성 및 댓글작성이 안될때 [2] 똑디 2012.10.18
닉네임 변경시 기존 게시물 연동 팁 (레벨 아이콘 에드온 이용) [9] 바붕아 2012.10.23
[XE 1.4] 모듈 개발 시 유의해야할 템플릿 버그 퍼니엑스이 2012.10.24
330 오류(net::ERR_CONTENT_DECODING_FAILED): 알 수 없는 오류 - 해결책 [2] 하얀마법 2012.10.25
실명제 사이트 만들기 [5] Hojoon Chang 2012.10.28
bodex 추천 & 댓글 버튼 만들기. [1] file meanie 2012.10.28
XE 다국어로 페이지/글 작성하기 [4] jhrun 2012.11.05
Nginx 에서 파일 업로드시 message: 413 에러 해결법 [3] 루트엘 2012.11.08
사이트 내 닉네임을 일괄 변경하기 [6] 윈컴이 2012.11.09
로그인 실패 관련 쪽지 또는 메일이 안 날라오게 하는 방법 [9] sejin7940 2012.11.12
exec_xml is not defined 오류 해결책 한마음^^ 2012.11.16
닉네임, 레벨, 포인트등 활동정보바 [2] file 소렌트. 2012.11.19
소셜XE에 지쳐서 찾다 찾다 찾은게 [4] SuperSonic 2012.11.21
xe에서 폼메일 구성하려는데 폼메일을 사용하려면 메일서버는 어떻게 ? 폼메일 2012.11.23
본문내 이미지 조절 애드온 기능 확장 - 원본이미지 모달 제거 / 작은이미지 크게 확장하기 [2] sejin7940 2012.11.25
일반게시판에서 모듈게시판 혹은 모듈게시판(에서 일반게시판예로들어 일반게시판 -> 게시판DX 혹은 그 반대)으로 게시글 이동시키는 방법 (DB에서) [1] file 장포크 2012.11.28
Sketchbook5 모바일 게시판에 파일 업로드 기능 추가 하기 [14] file hhgyu 2012.11.28
회원가입 버튼을 누르면 출력되는 Can not open GeoIP.dat 에러 대처방법(임시) [2] 마음의빈자리 2012.11.30
위젯 <td> 마다 다르게 배경색 지정.. [1] 제임스라 2012.11.30
템플릿 cond 문법에 else를 넣어봅시다. <block cond="else"></block> [2] 엘카 2012.11.30