사실 Lightbox 스크립트 자체는 변하지 않았고, 이전 버전에서는 js,css 파일과 이미지 파일 주소를 직접 변경해줘야 했던 부분을 완전한 stand-alone이 되도록 수정했습니다.
stand-alone이 됨과 동시에, RSS피드로 블로그가 읽혀졌을 때에도 Lightbox가 작동되게 되었습니다. (단 리더기에 따라서 작동하지 않는 경우도 있습니다.)
RSS 리더기에서 Lightbox가 제대로 동작하지 않을 경우에 대비해서 A태그의 target값에 _blank를 주었습니다.
또 이전 버전에서 RSS리더기에서 이미지를 클릭 시 제대로 나오지 않는 부분을 고쳤습니다.
그리고 이미지 갤러리에서 Lightbox의 작동을 원하시는 분들을 위해서 수정된 gallery.js 파일을 함께 포함시켰습니다.
1. 플러그인을 받으신 후, 플러그인 디렉토리에 압축을 풀어주세요.
이미 이전버전을 사용하고 계신 분은 덮어씌워주신 후, 스킨에 추가했던 CSS파일과 JS파일의 주소를 삭제해 주세요!
2. 환경설정 -> 플러그인 메뉴에서 Lightbox TT EX 플러그인을 켜 줍니다.
3. 그럼 줄여진 큰 이미지를 클릭하면 새 창 대신 현재 창에서 깔끔하게 이미지가 출력됩니다.
여기까지가 기본적인 설치방법입니다.
4. 이미지 갤러리에도 적용하고 싶으신 분들은 :
5. Lightbox 플러그인 디렉토리 안에 있는 gallery.js 파일을 메모장 등으로 엽니다.
6. 111번째 줄 부근의 // 아래 부분의 경로를 절대주소(http://로 시작)로 고쳐주세요. 를 찾습니다.
※ 태터툴즈 1.0.6용의 lightbox tt 1.8의 경우에는 129번째 줄 부근을 찾아주세요.
7. 그 아래의 http://homepage.com/tatter/plugins/lightbox/images/loading.gif 와 같은 부분을 자신의 태터툴즈 주소에 맞게 고쳐줍니다.
8. 수정한 gallery.js 파일을 태터툴즈 디렉토리/script/ 디렉토리로 옮깁니다. (덮어씌우기 전에 원래 파일을 백업하세요!)
9. Lightbox 플러그인이 켜진 상태에서 이미지 갤러리를 클릭해보면 깔끔하게 이미지가 출력됩니다.
주의사항 : gallary.js를 덮어씌운 후에는 꼭 Lightbox 플러그인을 켜 주세요. Lightbox 플러그인을 해제했을 경우에는 백업해둔 gallery.js 파일로 다시 복원시켜주세요.
1. 기본적으로 이미지를 추가하실 때, 대체 텍스트(alt태그)에 글을 적어주시면 클릭시 이미지에 캡션으로 나타납니다.
2.

플러그인이 제대로 동작하게 된다면 위의 이미지처럼 lightbox를 수동으로 사용하실 수도 있습니다.
<a href="이미지 주소" rel="lightbox"><img title="캡션" src="이미지 주소" width="500" height="375" /></a>
이런 식으로 html 편집 모드에서 이미지를 추가하시면 됩니다.
3. 또한 꼭 이미지파일에 붙어있는 하이퍼링크가 아니더라도 라이트박스를 사용하실 수 있습니다.
오쟈마녀 어드벤쳐 ~ 비밀의 마법 ~ 스크린샷
<a href="이미지 주소" rel="lightbox" title="캡션">주절주절주절</a>
이런 식으로 추가하시면 됩니다.
4. 이미지 대체 텍스트 뒷편에 lightbox-effect 라고 넣어주시면..

체력회복!
클릭해보시면 아시겠지만 이런 효과를 줄 수 있도록 추가했습니다. (정확히 말하자면 원래 사용가능했었지만 말입니다)
혹은 위의 직접 링크방식 사용시에는 a 태그 속성에
class="effectable" 을 넣어주시면 됩니다.
효과글 이미지(zzoop.gif)를 원하는대로 수정해서 쓰시면 좋을 것입니다. (
lightbox plus 본가쪽에서는
조조 효과음표시 오마케도 있더군요 ..)
1. lightbox 스크립트가 추가되는 이벤트를 변경했습니다.
- 이전의 포스트 본문에 스크립트가 추가되는 형식에서, 태터툴즈 1.0.6에 추가된 특정 태그의 기본 치환자 이벤트로 변경했습니다. 이로서 RSS 피드에서의 문제가 해결되었습니다.
2. 새 창으로 열리지 않는 작은 이미지에도 lightbox가 작동될 수 있도록 하였습니다.
- 이전처럼 작은 이미지는 링크가 생기지 않도록 하길 원하시면 index.php 안쪽의
$alwayaddlightbox = 1; // 새 창으로 띄우는 이미지가 아니더라도 lightbox 적용하기(=작은 이미지에도)
옵션을 0으로 수정해 주세요.
3. CSS를 index.php 파일 내부에서 외부로 분리했습니다.
- CSS의 수정을 원하시면 lightboxtt_css.php 파일을 수정해 주세요. (lightbox.css 파일이 아닙니다!)
본 플러그인은 자바스크립트 Lightbox Plus 를 태터툴즈에 활성화 시켜주는 플러그인입니다. 사용된 Lightbox Plus는 2006/01/28자 버전입니다.