아래 올린 jquery 삽입 애드온을 jquery tools로 명명하고 0.1부터 재시작합니다 ^^;
변경사항 :
0.2 : 모듈 다수 지정시 적용 안되는 문제 해결. 잘못된 변수명 바로잡음.
0.3 : 갤러리 내에서 제대로 작동하지 않던 문제 해결.

jquery_addon3.jpg

주요 기능
:
지정된 모듈에 jquery.js 및 플러그인 삽입
게시물 이미지에 라이트박스 적용 기능 (라이트박스 애드온)
게시판 검색시 게시물 강조 기능 (게시판 내에서의 기능으로 아래 민수님 플러그인과는 다릅니다.)

포함된 자바스크립트 :
jquery.js : MIT / GPL
jquery.lightbox.js : Modified BSD
jquery.highlight.js :  : MIT License
jquery.datepicker.js :  : MIT / GPL
jquery.getUrlParam.js :  MIT / GPL

사용법 :
1. jquery.js만 사용시
그냥 활성화만 시켜 놓으시면 됩니다. (모듈 선택 / 미선택)
테스트하려면 모듈(혹은 레이아웃) 최상단에 아래 코드를 넣어 봅니다.

<script type="text/javascript">
$(window).ready(function(){
    alert("jQuery 애드온이 잘 동작하고 있습니다.");
});
</script>

브라우저로 보았을 때 아래 메시지가 나온다면 정상입니다.

jquery_addon_alert.jpg

2. 업로드된 이미지에 라이트박스 적용 (1.0.2 기본 스킨에서 개발되었으며 그외 다른 스킨에서 동작하지 않을 수 있습니다.)
jQuery tools 설정에서 다음과 같이 합니다.
(1) 사용할 모듈을 지정 (지정하지 않으면 모든 모듈에 자동 적용됩니다.)
(2) 라이트박스 플러그인 -> '켜기'
(3) 이미지에 라이트박스 강제 적용 -> '켜기'
이제 게시판 너비보다 큰 이미지를 본문에 삽입한 후 클릭하면 라이트박스를 볼 수 있을 것입니다.

jquery_lightbox.jpg

3. 게시판에서 검색된 단어 강조(1.0.2 기본 스킨에서 개발되었으며 그외 다른 스킨에서 동작하지 않을 수 있습니다.)
(1) 사용할 모듈을 지정 (지정하지 않으면 모든 모듈에 자동 적용됩니다.)
(2) 단어강조 플러그인(highlight) -> '켜기'
(3) 게시판에서 검색된 단어 강조 -> '켜기'

jquery_highlight-1.jpg

문제 해결 :
- 자바스크립트 에러가 발생함
이미 사이트에 jquery나 mootools의 자바스크립트 프레임웍을 사용중이라면 충돌이 발생할 수 있습니다.
라이트박스 사용시, 다른 라이트박스 애드온이나 스킨을 사용중이라면 당연히 충돌합니다.

- 라이트박스에서 버튼 이미지가 나타나지 않음
제로보드가 /zbxe에 설치되어 있지 않은 경우, jquery.lightbox.js의 413/414행에서 애드온이 설치된 경로를 수정해주세요.

- 그밖의 게시판 외의 레이아웃 등에서 이미지 링크에 라이트 박스를 사용하고 싶은 경우
애드온 설정에서 라이트박스 플러그인을 켠 후
<a href="test1.jpg" rel="lightbox">lightbox_test</a>
이런식으로 다른 라이트박스처럼 사용하면 됩니다.
(셀렉터 rel=lightbox 부분은 애드온 디렉터리의 js/jquery.lightbox.init.js를 고쳐 바꿀 수 있습니다.)

- 단어 강조가 안 되는 경우
제로xe 기본 스킨에 지정된 class/id를 이용해 단어 강조를 하기 때문에,
코드가 완전히 다른 스킨의 경우 동작하지 않을 수 있습니다.

- 강조되는 단어 색상을 바꾸고 싶음
css/jquery.highlight.css 의 2번째 줄을 바꾸세요.
css/jquery.highlight.css
.highlight{
 background-color: yellow;
}

-그밖에
되도록 쪽지보다는 댓글로 남겨주세요;;
이 게시물을..
Setzer Gabbiani