[XE 기능개선] 본문내 이미지 조절 애드온 기능 확장 - 원본이미지 모달 제거 / 작은이미지 크게 확장하기

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

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

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

이 있죠..

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

그런데 수정법은 간단하기에  간단히 적어드리겠습니다.

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

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

최신 XE 기반에서는  끝부분에 있는 아래 문구를 삭제

,a("img[rel=xe_gallery]",this).live("mouseover",function(){var b=a(this);b.parent("a").length||b.attr("onclick")||b.css("cursor","pointer").click(c)})

이전 XE 기반에서는..

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