웹마스터 팁

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

 

 

제목 글쓴이 날짜
군산스웨디시【오피.CLUB】군산마사지 군산안마 군산1인샵 songkangkong767 2025.02.25
대구오피 ⦑오피.CLUB⦒ 대구오피 대구OP 대구건마 대구오피 koykoyah 2025.02.25
신도림스웨디시【오피사이트.NET】신도림안마 신도림마사지 신도림1인샵 songkangkong767 2025.02.25
충주오피 ⦑오피.CLUB⦒ 충주오피 충주출장마사지 충주오피 충주OP koykoyah 2025.02.25
강서스웨디시【오피쓰.COM】강서스웨디시 강서 스웨디시 강서스웨디시 songkangkong767 2025.02.25
강동오피 강동출장안마 ⦑오피.CLUB⦒ 강동OP 강동오피 강동오피 koykoyah 2025.02.25
인천스웨디시【출장마사지안내.COM】인천 스웨디시 인천스웨디시 인천스웨디시 songkangkong767 2025.02.25
일산오피 ⦑오피사이트.NET⦒ 일산마사지 일산오피 일산오피 일산OP koykoyah 2025.02.25
남양주안마【출장안마사이트.COM】남양주안마 남양주 안마 남양주안마 songkangkong767 2025.02.25
가락오피 ⦑출장마사지안내.COM⦒ 가락오피 가락출장마사지 가락오피 가락OP koykoyah 2025.02.25
신도림안마【오피사이트.NET】신도림스웨디시 신도림마사지 신도림1인샵 songkangkong767 2025.02.25
세종오피 세종OP ⦑오피.CLUB⦒ 세종휴게텔 세종오피 세종오피 koykoyah 2025.02.25
여의도안마【오피쓰주소.COM】여의도1인샵 여의도마사지 여의도스웨디시 songkangkong767 2025.02.25
송탄오피 송탄OP ⦑오피사이트.NET⦒ 송탄휴게텔 송탄오피 송탄오피 koykoyah 2025.02.25
목포스웨디시【오피쓰.COM】목포스웨디시 목포 스웨디시 목포스웨디시 songkangkong767 2025.02.25
역삼오피 ⦑오피쓰주소.COM⦒ 역삼마사지 역삼오피 역삼오피 역삼OP koykoyah 2025.02.25
구미안마【오피쓰주소.COM】구미1인샵 구미마사지 구미스웨디시 songkangkong767 2025.02.25
여의도오피 여의도출장안마 ⦑출장마사지안내.COM⦒ 여의도OP 여의도오피 여의도오피 koykoyah 2025.02.25
판교스웨디시【오피사이트.NET】판교스웨디시 판교 스웨디시 판교스웨디시 songkangkong767 2025.02.25
홍대오피 ⦑오피쓰주소.COM⦒ 홍대마사지 홍대오피 홍대오피 홍대OP koykoyah 2025.02.25