lightbox_tt_112.zip미루님의 포스팅( http://www.qnpfr.com/tt/index.php?pl=62 )을 보고 클래식에 적용하여 사용중에 1.0 공개에 맞춰서 플러그인으로 만들어 봤습니다.
적용된 모습은 http://mahodou.pe.kr/tt/entry/태터툴즈-10용-Lightbox-플러그인 에서 확인하실 수 있습니다.
사용방법
1. 플러그인을 받으신 후, 플러그인 디렉토리에 압축을 푸시고2. lightbox 디렉토리의 lightbox_plus.js를 여셔서 맨 아랫부분의 이미지파일 경로들을 수정해줍니다.
- http://homepage.com/tattertools/plugins/lightbox/images/loading.gif 와 같이 절대경로로 적어 주세요.
- 혹은 /tatter/plugins/lightbox/images/loading.gif 와 같이 상대주소로 적어주셔도 됩니다.
3. lightbox 디렉토리를 업로드합니다.
4. 관리자 로그인을 하신 후 스킨관리 -> 현재 사용하는 스킨 편집하기 에서 <head> 태그 안에
<link rel="stylesheet" href="http://homepage.com/tattertools/plugins/lightbox/lightbox.css">
<script type="text/javascript" src="http://homepage.com/tattertools/plugins/lightbox/lightbox_plus.js"></script>
와 같이 css와 js파일을 추가해줍니다.
- 혹은 파일의 주소를 /tatter/plugins/lightbox/lightbox.css 와 같이 상대주소로 적어주셔도 됩니다.
- 스킨 편집하기 또는 직접 skin.html파일의 <head> 태그 안에 넣으셔서 업로드하시면 됩니다. (스킨 교체시 다시 넣는 번거로움이 없습니다)
5. 환경설정 -> 플러그인 에서 플러그인을 켜 줍니다.
6. 그럼 큰 이미지를 클릭하면 새 창 대신 현재창에서 깔끔하게 이미지가 출력됩니다.
7. 이미지를 추가하실 때, 대체 텍스트(alt태그)에 글을 적어주시면 클릭시 이미지에 캡션으로 나타납니다.
그 외 사용법 및 문답모음은 http://mahodou.pe.kr/tt/entry/태터툴즈-10용-Lightbox-플러그인 에서 확인해주세요.
수정사항 :
1.1.2 - 태터툴즈 클래식 이하의 버전에서 마이그레이션 한 데이터의 이미지파일의 경우 태그가 깨지는 현상을 수정했습니다.
1.1.1 - 다른 플러그인과의 예외발생 가능성이 있는 부분을 수정했습니다.
1.1 - 워니님과 박또님의 수정사항에 맞춰서 다중블로그 사용시의 문제, Exif 플러그인(기타 이미지 뒷부분에 추가를 하는 플러그인)과의 문제를 해결하였습니다.
또한 기능 추가 한가지가 있습니다. 예제 페이지 http://mahodou.pe.kr/tt/entry/태터툴즈-10용-Lightbox-플러그인 에서 확인해주세요.
! 기존 버전에 워니님과 박또님의 수정사항을 적용하는건 추천하지 않습니다. 그대로 적용하면 몇가지 버그가 있으므로 새 버전을 받으시길 권장합니다.
그럼 유용하게 사용하시길 바랍니다.
Lightbox Plus - Copyright (C) 2006 Takuya Otani/SimpleBoxes - http://serennz.cool.ne.jp/sb/
Copyright (C) 2006 SerendipityNZ - http://serennz.cool.ne.jp/snz/