태터툴즈 1.0용 플러그인 Lightbox TT MX 2.0 을 공개합니다. :: 2006/07/16 20:14

※ 다운로드는 태터센터 플러그인란 - http://www.tattertools.com/ko/bbs/view.php?id=plugin&no=232 에서 가능합니다.

Lightbox TT MX는 Lightbox JS 1.0, Lightbox Plus, Lightbox JS 2.0 을 태터툴즈에서 간단하게 작동되도록 적용시켜주는 플러그인입니다.
Lightbox TT MX는 Lightbox TT EX의 버전업 플러그인 입니다.

Lightbox TT EX : http://mahodou.pe.kr/tt/entry/태터툴즈-10용-플러그인-Lightbox-TT-EX를-공개합니다
Lightbox TT : http://mahodou.pe.kr/tt/entry/태터툴즈-10용-Lightbox-플러그인

사용자 삽입 이미지
델 델렌 델 델렌 델 델렌 나는 쌍둥이패치가 아니지만 얘들은 좋아 ㅠㅠ

위 이미지를 클릭해 보시면 나타나는 효과를 주는 플러그인입니다.


별로 업데이트를 많이 할 필요도 없는 플러그인인데 어쩌다보니 또 내놓는군요.
어쨌든 또 나왔습니다. 기본적으로 EX 버전의 스탠드얼론 중심에 각종 설정 가능한 부분을 따로 설정 파일로 분리했으며, Lightbox JS 1.0, 2.0을 지원하도록 추가하였습니다.


설치 방법 :

1. 플러그인을 받으신 후, 플러그인 디렉토리에 압축을 풀어주세요.
  혹, 스킨 파일을 고쳐야하는 이전 버전을 사용하시고 계시다면 추가한 js, css파일의 주소를 지워주세요.

2. 환경설정 -> 플러그인 메뉴에서 Lightbox TT MX 플러그인을 켜 줍니다.

3. 그럼 줄여진 큰 이미지를 클릭하면 새 창 대신 현재 창에서 출력됩니다.

여기까지가 기본적인 설치방법입니다. 간단하죠?
다음은 이미지 갤러리에 Lightbox를 적용시키는 방법입니다만.. 원본 갤러리 스크립트를 고쳐서 사용하는 것이기 때문에 예상치 못한 문제가 발생할 수 있습니다. 이점 유의해주세요.

4. Lightbox TT 플러그인에 있는 gallary.js 파일을 태터툴즈/script/ 폴더로 옮깁니다. (덮어씌우기 전에 원래 파일을 백업하세요!)

5. Lightbox TT 플러그인이 켜진 상태에서 이미지 갤러리를 클릭해보면 Lightbox가 동작합니다.

주의사항 : gallary.js를 덮어씌운 후에는 꼭 Lightbox 플러그인을 켜 주세요. Lightbox 플러그인을 해제했을 경우에는 백업해둔 gallery.js 파일로 다시 복원시켜주세요.

플러그인의 설정을 변경하고 싶으시면 lightboxtt_setting.php파일을, CSS 출력을 변경하고 싶으시면 lightboxtt_css.php 파일을 수정하시면 됩니다.


사용 방법 :

1. 기본적으로 이미지를 추가하실 때, 대체 텍스트(alt 태그)에 글을 적어주시면 클릭시 이미지에 캡션으로 나타납니다.

2.

플러그인이 제대로 동작하게 된다면 위의 이미지처럼 lightbox를 수동으로 사용하실 수도 있습니다.
<a href="이미지 주소" rel="lightbox" title="캡션"><img title="캡션" src="이미지 주소" width="500" height="375" /></a>

이런 식으로 html 편집 모드에서 이미지를 추가하시면 됩니다.

3. 또한 꼭 이미지파일에 붙어있는 하이퍼링크가 아니더라도 라이트박스를 사용하실 수 있습니다.
오쟈마녀 어드벤쳐 ~ 비밀의 마법 ~ 스크린샷


<a href="이미지 주소" rel="lightbox" title="캡션">주절주절주절</a>

이런 식으로 추가하시면 됩니다.

4. Lightbox JS 2.0 을 사용하도록 설정하셨을 때에는, 그룹별로 갤러리 이미지 효과를 낼 수도 있습니다.

사용자 삽입 이미지

그림의 왼쪽 오른쪽에 마우스 커서를 위치시키면 이와 같이 표시됩니다.

이미지 그룹 설정은, 이미지 대체 텍스트 입력시, 맨 마지막 부분에 [그룹명] 과 같이 입력하시면 됩니다.
ex) 이것은 좋은 것이다. [선물]
물론 같은 그룹으로 하고 싶은 이미지에 모두 추가하셔야 되겠죠?
그룹으로 열린 Lightbox JS에서는 N키와 P키를 사용하실 수 있습니다.

5. Lightbox Plus를 사용하도록 설정하셨을 시에 이미지 대체 텍스트 뒷편에 lightbox-effect 라고 적어넣어주시면..

사용자 삽입 이미지
일명 죠죠효과

이와 같은 효과를 넣을 수 있습니다.


혹은 위의 직접 링크방식 사용시에는 a 태그 속성에 class="effectable" 을 넣어주시면 됩니다.
효과글 이미지(zzoop.gif)를 원하는대로 수정해서 쓰시면 좋을 것입니다.



본 플러그인은 Lightbox JS 1.0, Lightbox Plus, Lightbox JS 2.0 의 스크립트와 그 외 이미지, CSS파일들을 포함하고 있습니다.
본 플러그인의 저작권은 Lightbox JS 1.0, Lightbox Plus, Lightbox JS 2.0 스크립트의 라이센스와 같이 Creative Commons Attribution 2.5 라이센스를 따릅니다.


Lightbox JS: Fullsize Image Overlays
by Lokesh Dhakar - http://www.huddletogether.com

Lightbox v2.02
by Lokesh Dhakar - http://www.huddletogether.com

Lightbox Plus - Copyright (C) 2006 Takuya Otani/SimpleBoxes - http://serennz.cool.ne.jp/sb/
Copyright (C) 2006 SerendipityNZ - http://serennz.cool.ne.jp/snz/

이 글의 관련글
Posted by 치리
Trackback Address :: http://moonmelody.com/tt/trackback/244
Comment RSS : http://moonmelody.com/tt/rss/comment/244
  • kose | 2006/07/16 20:29 | PERMALINK | EDIT/DEL | REPLY

    음..괜찮네요~~ㅋㅋㅋ
    티스토리는 나올려면 한참 오래걸리겠지만 기다려 봅니다.

  • [수빈엄마] | 2006/07/16 22:52 | PERMALINK | EDIT/DEL | REPLY

    좋은 플러그인 감사드립니다.
    JS 2.0을 설치하여 적용해 보았는데요, 이미지 갤러리에서도 적용이 되도록 하려면 어떻게 수정하면 될까요?
    자세히 설명해 주시면 감사하겠습니다.
    오늘 하루도 행복하시길 바랍니다.

    • 치리 | 2006/07/17 00:26 | PERMALINK | EDIT/DEL

      현재 이미지 갤러리도 제대로 동작하고 있습니다.
      아마도 페이지의 사진을 다운받고 있는 도중에 클릭하셔서 새 창으로 뜨신 모양입니다. 브라우저 아랫쪽에 완료 표시가 뜰 때까지 기다렸다가 클릭해 보세요. :)

  • 사념체 | 2006/07/16 23:09 | PERMALINK | EDIT/DEL | REPLY

    지금 막 적용시켜봤습니다. 멋지네요 :D
    아직 자세한 사용법은 모르겠지만, 쓰다보면 차츰차츰 알게될 것 같습니다.
    유용한 플러그인 감사드립니다-

  • 남군 | 2006/07/17 02:02 | PERMALINK | EDIT/DEL | REPLY

    쓰고 싶어도,
    잿빛미소님의 스킨에는 라이트가 먹히질 않네요.
    어디 스킨이 잘못된건지... 안다면 수정하고 싶지만
    문외한인지라.. 답답하네요 ^^
    그래도 잘쓰겠습니다.

  • 타츠야 | 2006/07/17 02:11 | PERMALINK | EDIT/DEL | REPLY

    js 2.0이 왜 적용이 안될까요?
    제가 setting에서 잘못 설정한건지?
    도저히 안되가지고 이렇게 질문드립니다...
    셋팅파일에서 plus값이라고 된걸 js 2.0으로 고쳐서 하면...
    적용이 되는건지 좀...
    아 골치 아프네요 괜시리...ㅎㅎ
    2.0을 쓸려고 하니..

    • 치리 | 2006/07/17 02:22 | PERMALINK | EDIT/DEL

      디폴트 설정 아래에 유저별 설정이 있습니다.
      $lightboxuser[1] = "plus";
      이라고 있는 부분도 js20이라고 값을 고치시던지 해당 줄을 삭제하시면 아마 JS 2.0으로 동작하리라 생각합니다.

  • JIYO | 2006/07/17 03:47 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요? 그간 쓰고 싶던 플러그인이었는데 드디어 깔았습니다. 그런데 제가 주로 쓰는 브라우저가 불여우라 몰랐는데, 아까 잠깐 익스를 열었더니 오른쪽 사이드바가 아래로 밀리네요. 혹시나 해서 가장 최근에 깐 라이트박스를 비활성화했더니 정상으로 돌아옵니다(물론 불여우는 이나저나 말짱하죠;). 전에 클래식 쓸 때도 이래서 깔고 싶은 플러그인을 못 깔았는데, 익스의 너비 인식 문제란 건 알겠지만 대체 어디에서 문제가 생기는 건지는 감을 잡을 수 없습니다.
    혹시 아시는 부분이 있으면 알려주시겠어요? 딱히 여쭤볼 곳이 없어 치리 님께 여쭙니다.

    • 치리 | 2006/07/23 23:08 | PERMALINK | EDIT/DEL

      음 가끔 있는 웹스크립트의 신비군요;
      일단은 제대로 된다고 하시니 다행이구요. 보내주신 파일을 제가 받아보았을때에는 딱히 문제점을 찾지 못하겠더군요. 결국 저도 정확한 해결책을 발견할 수 없었습니다.
      아무튼 협조 감사합니다.:)

    • JIYO | 2006/07/25 04:49 | PERMALINK | EDIT/DEL

      치리 님. 혼자 이것저것 해보다 파일에 너무 많이 손대서 아예 또 다시 풀어서 싹 다시 올렸는데요. 그랬더니 됩니다;;;
      귀신이 곡할 노릇이군요. 어떻게 된 건지는 전혀 모르겠습니다.

      원인을 찾으려고 고생하실 텐데 상황 보고는 드려야 할 것 같아서 알려드립니다. 원인이라도 알면 좋을 텐데 이렇게 허망하게 일이 돌아가서 왠지 죄송스럽네요. 플러그인 잘 쓰겠습니다.

    • 치리 | 2008/01/09 19:54 | PERMALINK | EDIT/DEL

      저도 자세한 해결방법은 잘 모르겠습니다만..(사이드바가 밀리는 블로그를 몇번 발견한 적이 있긴 합니다)
      lightbox를 활성화 해서 출력 html에 추가되는 것은 head 태그에 css와 관련 자바스크립트, 그리고 이미지 파일에 a태그 추가 등입니다. 이것만 가지고 스킨의 출력형태가 변한다면 css의 중복 정도 밖에 떠오르질 않는군요.
      혹시 문제가 발생하는 스킨을 저에게 주실 수 있으시면 제가 한번 원인을 찾아보도록 하겠습니다. 메일 주소는 --- 입니다.

  • 섭이 | 2006/07/18 00:30 | PERMALINK | EDIT/DEL | REPLY

    라이트박스 실행시, 이미지에서 다음이미지로 넘어갈때 이미지의 레이아웃이 늘어나거나 줄어드는 속도를 빠르게 할 수는 없나요? ^^; 캡션부분이 펼쳐지는 속도도 마찬가지이고요..

    • 치리 | 2006/07/18 02:48 | PERMALINK | EDIT/DEL

      라이트박스 디렉토리/js20/js/lightbox_ravi.js 파일을 여셔서 64번째 라인에 있는 var resizeSpeed = 7; 값을 고쳐주시면 될듯 합니다.
      따로 옵션으로 빼놓는걸 깜빡했네요. 수정하도록 하겠습니다.

  • 하이바~ | 2006/07/18 08:58 | PERMALINK | EDIT/DEL | REPLY

    와.. 1.0부터 2.0까지.. 고르는 재미가 있네요. caption도 잘 뜨고.. 너무너무 만족스럽습니다. ^^; 정말 감사합니다!

  • 규성 | 2006/07/20 03:01 | PERMALINK | EDIT/DEL | REPLY

    일단 멋진 플러그인 만들어 주셔서 고맙습니다~!
    근데 plugins아래에 앞축을 풀어서 넣으면 되는거죠? 즉 plugins/lightbox/ 이런식으루요... 흠.. 저는 왜 플러그인 관리페이지에서 lightbox가 뜨지 않는걸까요 --?

    • 치리 | 2006/07/20 03:07 | PERMALINK | EDIT/DEL

      배포되는 lightbox 플러그인은 안에 lightbox 디렉토리가 이미 있습니다. 혹시 디렉토리를 만들고 그 안에 업로드를 하셨다면 파일들을 한단계 밖으로 옮겨 주세요. plugins/lightbox/index.xml 와 같은 경로가 되어야 정상입니다.

  • 피에스 | 2006/07/22 14:18 | PERMALINK | EDIT/DEL | REPLY

    플러그인 설치후 저도 특정부분이 아래로 밀리는 현상이 나타났는데요;;
    한참 이리저리 고쳐본 결과 플러그인의 index.php 파일에서 include를 없애니까 정상으로 돌아오네요.. (inclue 파일을 직접 Copy&Paste;;;)

    • 치리 | 2006/07/23 23:09 | PERMALINK | EDIT/DEL

      php 스크립트 내에서의 인클루드 여부가 html 출력에 영향을 끼치는건 또 미스테리한 일이군요;
      어쨌든 도움되는 말씀 감사드립니다.

  • J. Parker | 2006/07/24 23:36 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요. 치리님 좋은 플러그인 잘쓰고 있습니다. 이번 버젼업 감사드립니다.
    다름이 아니라 Lightbox 스크립트를 호출할때 skin_head_end 치환자를 이용하는데요.
    AddLightboxFiles() 함수 부분 하단에서 $target이 반복되어 기타 플러그인에서 head 쪽으로 치환하는것이 두번 반복되는 경우가 있습니다.
    #반복라인 : ...생략... $jsfileadd.$lightboxjsvar.$target 여기서 $target은 제외되야 될것같습니다.
    아니면 아래 return 부분에서 return $lightboxscripts; 으로 $target은 제외하고 반환해야될듯합니다. 좋은 꿈꾸세요.

    • 치리 | 2006/07/25 02:37 | PERMALINK | EDIT/DEL

      넵, 문제 확인했구요. 수정한 버전을 다시 올리겠습니다. 말씀 감사합니다.:)

  • HE | 2006/07/25 15:37 | PERMALINK | EDIT/DEL | REPLY

    치리님 좋은 플러그인 감사히 잘 쓰겠습니다.
    js2.0은 확실히 무겁군요. plus로 적용중입니다.

    약간 건의 사항이라면 기술적으로 해결이 가능할지 모르겠지만 라이트박스로 이미지를 볼때 근접한 상단에 다른 플래시파일이 로드되어있으면 상단의 플래시파일에 클릭한 이미지가 가리는 문제가 있네요. 예로 링크합니다. http://todo.cafe24.com/40 에서 보시면 중간에 가사 이미지를 클릭해 보시면 될것 같습니다. 이미 보고된 문제일것 같은데요 잘 모르겠어서 일단 적어 봅니다.
    그럼 행복하세요~~ ^^

    • 치리 | 2006/07/25 17:19 | PERMALINK | EDIT/DEL

      말씀하신 부분은 플래쉬 삽입 코드에 다음 부분을 추가하시면 해결 가능합니다.

      플래쉬 스크립트에 <PARAM NAME="wmode" VALUE="transparent" />
      의 추가
      embed 태그 속성에도 wmode="transparent" 를 추가

    • HE | 2006/07/27 04:33 | PERMALINK | EDIT/DEL

      감사합니다.
      치리님 덕택에 정상적으로 보이네요. ^^

      헌데 플래시 마다 일일이 써 줘야 하는 번거로움이;; 혹여나 플러그인을 수정해서 가능한 방법은 없을 지요? ^^;;

    • 치리 | 2006/07/27 10:53 | PERMALINK | EDIT/DEL

      Lightbox 플러그인에서 해결하기에는 좀 선을 넘어서는 느낌이 있구요. 아무래도 저 태그들을 추가해주는 별도의 플러그인이 나와줘야 할 듯 합니다.
      그런데 입력하는 플래쉬 코드마다 여러가지로 다른 경우가 발생할 수 있기 때문에 완벽하게 제작할려면 약간 힘이 들 것 같군요.:)

    • HE | 2006/07/27 17:11 | PERMALINK | EDIT/DEL

      답변 감사합니다.
      치리님 덕택에 많은 도움이 되었습니다.
      비 오는데... 밝은 하루 되시길 빌겠습니다.

  • 달팽이 | 2006/07/27 01:52 | PERMALINK | EDIT/DEL | REPLY

    플러그인 감사히 쓰고 있는데요...

    설정값을 아래와 같이 하면...

    $lightboxdefault = "js20";

    거대한 원본이미지가 떠버려 보기가 어렵더라구요. 위에 있는 댓글 다 읽어 보았는데...해답을 찾지 못했습니다.

    $lightboxdefault = "plus";

    의 경우, 이미지를 클릭하면, 올린 것보다, 조금 큰 사이즈로 보기좋게 나오는데, 이미지를 자동으로 리싸이즈 해주는 방법은 없나요?

    • 치리 | 2006/07/27 01:58 | PERMALINK | EDIT/DEL

      JS 2.0의 경우에는 이미지를 리사이징해서 출력하지 않습니다. 리사이징하는 버전은 셋 중에서 Plus 뿐입니다.
      JS 2.0의 리사이징 기능 추가는 자바스크립트 소스를를 추가/수정해야 하는지라 어려울 듯 싶습니다.

    • 치리 | 2006/07/27 02:36 | PERMALINK | EDIT/DEL

      생각난 김에 좀 찾아보니 리사이즈 기능이 추가된 JS 2.0이 있는듯 합니다.
      일단 좀 살펴본 후 업데이트를 고려해보겠습니다.:)

  • 마당쇠 | 2006/07/29 00:25 | PERMALINK | EDIT/DEL | REPLY

    플러그인 잘 쓰고 있습니다.
    헌데,
    2.0에서 비밀글 볼때 에러 나는 건 아직 그대로군요.
    2.0 꼭 써보고 싶지만, 테터내 비밀글을 걸어 놓으면 비밀글이 열리지 않고 스크립트 에러가 나버려 쓸수가 없네요.
    이전부터 그 문제가 가장 아쉽습니다.
    이거 에러 잡아 주실수는 없나요?

    • 치리 | 2006/07/29 02:02 | PERMALINK | EDIT/DEL

      아마도 태터툴즈의 ajax 관련 스크립트가 JS 2.0의 스크립트와 충돌하는걸로 추측되는군요. 그런데 제 능력으로는 이 문제를 해결하기에는 어려울 듯 싶습니다. 아무래도 지금은 다른 버전의 lightbox를 사용하시거나 비밀글 기능을 사용하지 않으시는 방법밖에 없을듯 합니다.
      문제점 알려주셔서 감사드리며, 도움이 되지 못하여서 죄송합니다.

  • 은빛사막 | 2006/07/29 10:44 | PERMALINK | EDIT/DEL | REPLY

    방금 플러그인 등록하여 보았습니다. 너무 좋아요 ^^
    그런데 저도 이미지 갤러리에선 작동을 안하는듯...
    이유가 무엇일까요? 머 없어도 그닥 상관없지만 그래도 ㅎㅎ
    방법을 아시면 알려주시면 감솨~
    좋은 하루 보내세요!

    • 치리 | 2006/07/29 11:10 | PERMALINK | EDIT/DEL

      lightbox 디렉토리에 있는 gallery.js 파일을 태터툴즈/script 디렉토리로 카피하셔야 합니다. (물론 백업은 해두시는 센스)

  • 데브룬 | 2006/08/02 20:51 | PERMALINK | EDIT/DEL | REPLY

    Lightbox 플러그인이 작동하지 않습니다.
    플러그인 파일을 업로드 한 후 환경설정에서 사용중으로 설정까지 모두 했습니다.
    제 블로그에 들러주셔서 확인해 주시면 감사하겠습니다... ㅠ_ㅠ

  • Sunny | 2006/08/05 23:54 | PERMALINK | EDIT/DEL | REPLY

    감사합니다. 아주 유용한 플러그인이네요. 잘 사용하겠습니다.

  • Dr.Yeom | 2006/08/09 06:53 | PERMALINK | EDIT/DEL | REPLY

    잿빛미소님 스킨 사용자입니다.
    플러그인 수정을 덮어씌운뒤에 스킨의 치환자와 테그도 추가해 넣었고 js20 으로 수정하여 플러그인을 실행하였는데 이상하게 Prev Next 가 안뜹니다. 확인 부탁드릴께요.

    • 치리 | 2006/08/09 09:04 | PERMALINK | EDIT/DEL

      Prev Next라 하심은, lightbox가 뜬 후에 이미지 네비게이션을 말씀하시는 건가요? 혹시 그렇다면, 이미지들을 한 그룹으로 지정하셔야 합니다. 지정법은 같은 그룹으로 지정할 이미지들의 대체 텍스트 속성의 마지막 부분에(입력하지 않으셨다면 그대로) [그룹명] 과 같은 형식으로 입력하시면 됩니다.

  • Dr.Yeom | 2006/08/09 18:16 | PERMALINK | EDIT/DEL | REPLY

    舜.Viva! 님이 이전에 만드신 버전을 사용하고 있어서 몰랐는데 '여러개의 이미지가 있을때 자체 스크립트로 사진을 클릭함으로써 이전, 다음의 이미지를 볼 수 있게 되었습니다.' 라는 설명이 있었네요. 혹 다음 업그레이드에서 이 기능을 추가하실 생각은 없으신지요? 생각보다 편리하더군요.

    • 치리 | 2006/08/09 22:44 | PERMALINK | EDIT/DEL

      말씀하신 기능은 lightbox js 2.0의 이미지 그룹 기능입니다. 위에 답변드린것이 그 사용법이고, 舜.Viva!님의 플러그인과 제 플러그인의 구현 차이점을 적자면,
      「舜.Viva!님의 플러그인에서는 한 포스팅의 이미지 전체를 한 그룹으로 묶습니다.」
      「제가 만든 플러그인에서는 자동으로 그룹을 묶지 않는 대신 수동으로 지정하므로 한 글에서 여러개의 그룹을 지정할 수 있습니다.」
      舜.Viva!님 플러그인의 방식이 편리하다고 하시니 다음 버전에 한번 추가를 생각해보겠습니다.

  • seok | 2006/08/12 13:53 | PERMALINK | EDIT/DEL | REPLY

    감사합니다~ 잘쓰고있습니다~

    그런데.. 이미지 클릭시... 그 윈도우용?우측 상단에 뜨는... 저장,인쇄,그림메일,등등..
    그..뜨는거 않뜨게 못할까요?

    글구.. 이미지 클릭시 자동으로 원본싸이즈로 보이게 못할까요? 아님 조금 볼만한 사이즈로~

    저는 왜 우측하단에 close 가않보이죠? 글구 스무스하게 뜨지도 않고 걍~ 팍! 떠버리고 끝인데...

    마지막으로 길다란 그림 클릭시 작은 이미지로 뜨는데 크게보기 클릭시 좌측으로 붙어서 나오는데

    중간정렬 않될까요?? ^^;; 넘요구가 많아서 죄송합니다. 초보라..서.. 아는것도 없고~

    아무튼 고맙습니다~

    • 치리 | 2006/08/12 22:17 | PERMALINK | EDIT/DEL

      1. 익스플로러 메뉴에서 도구 -> 인터넷 옵션 -> 고급 -> 이미지 도구 사용 체크를 꺼 주시면 됩니다.

      나머지 : lightbox 플러그인 디렉토리에서 lightboxtt_setting.php 파일을 여셔서

      // 디폴트로 동작할 lightbox의 선택
      $lightboxdefault = "plus";

      의 값을 js20 으로 고쳐주시고 다시 업로드하시면 아마 원하시는대로 출력될 것입니다.

  • 한판 | 2006/08/21 20:15 | PERMALINK | EDIT/DEL | REPLY

    초짜 중 초짜입니다--;; 치리님의 Lightbox를 적용해 봤는데요...
    적용 뒤로 맨 위의 메뉴 바와 본문 내용이 왼쪽으로 정렬됩니다... --;;
    혹시나 해서 플러그인 해제를 하면 원래대로 돌아오구요...
    각 메뉴로 들어가도 똑같은 현상이 나옵니다... 어디를 손대야 할까요?
    또 저는 // 디폴트로 동작할 lightbox의 선택 $lightboxdefault = "js20";으로 했는데요...
    plus로 적용하는 것은 불가능한 건가요? 이래저래 궁금증만 하루같이 늘어가는데요...
    상세히 알려주시면 감사하겠습니다... 플러그인을 적용한 상태로 놓아두겠습니다...
    www.hanfoto.com 으로 들어오셔서 확인 해주세요...

    • 치리 | 2006/08/21 21:25 | PERMALINK | EDIT/DEL

      일단 lightbox plus로 동작하게 하는 방법은 $lightboxdefault = "plus"; 라고 하시면 됩니다.

      블로그가 왼쪽으로 쏠리는 현상은.. 글쎄요. 일단 제가 한판님이 사용하시는 스킨을 받아서 이 블로그에 적용시켰을 때에는 쏠리지 않는군요. 아마 css의 문제일 터인데, 이쪽 문제가 워낙 감을 잡기가 힘들어서 말이죠. 일단 카테고리쪽 플러그인을 한번 적용해보시고, 그래도 문제가 계속 생긴다면 lightbox 플러그인과 스킨을 처음부터 한번 설치해보심이 어떨까 합니다.
      큰 도움이 되지 못해서 죄송합니다.

  • 한판 | 2006/08/22 12:29 | PERMALINK | EDIT/DEL | REPLY

    제가 더 죄송하지요... --;; 왼쪽 쏠림 문제는 아직 해결되진 않았지만...
    다른 질문을 하나 더 드리고자 합니다... 'plus'로 적용시 'js20'으로 적용할 때와는 달리...
    close 표시도 안나타나고 창이 팍! 뜹니다... 이건 어떻게 해결해야 하나요?
    번거롭게 해드려 송구한 마음 감출 길이 없네요...

    • 치리 | 2006/08/22 16:29 | PERMALINK | EDIT/DEL

      부드러운 이미지 열림 효과는 lightbox js 2.0 에서만 지원합니다. plus 사용시에는 바로 뜨는게 정상이구요. http://mahodou.pe.kr/lightbox 에서 정상작동하는 모습을 보실 수 있습니다.

  • 한판 | 2006/08/22 21:25 | PERMALINK | EDIT/DEL | REPLY

    친절한 답변 감사합니다. 염치불구하고 또 다시 질문하고자 합니다...
    위의 답변 중 Dr.yeom님의 'prev, next' 질문에 대한 답변 있잖아요...

    "이미지들을 한 그룹으로 지정하셔야 합니다. 지정법은 같은 그룹으로 지정할 이미지들의 대체 텍스트 속성의 마지막 부분에(입력하지 않으셨다면 그대로) [그룹명] 과 같은 형식으로 입력하시면 됩니다."

    요 부분은... 구체적으로 어떤 파일을 손대야 하는 건가요? 경로를 가르쳐 주실 수 있으신지요?
    오늘 하루도 행복하시고 늘 감사합니다...

    • 치리 | 2006/08/22 21:33 | PERMALINK | EDIT/DEL

      파일을 직접적으로 수정하는것이 아니라, 태터툴즈 포스트 작성 화면에서 추가한 이미지 파일을 위지윅 에디터에 중앙 정렬로 추가(또는 각종 정렬들)한 후, 그 이미지를 클릭해보시면 에디터 오른쪽에 그 이미지의 속성 지정이 나타납니다. 그 곳의 대체 텍스트 란에 [그룹명]을 넣으시면 됩니다.

      혹은 html모드에서는 [##_1C|1209053692.jpg|width="440" height="445" alt=""|_##]
      이렇게 나타나는 이미지 태그에서 alt="" 안에 [그룹명]을 넣으시면 됩니다.

  • iWORLD | 2006/08/25 20:03 | PERMALINK | EDIT/DEL | REPLY

    skin 잘쓰고 있고요...
    작동은 잘 되는데... close 아이콘이 보이지 않습니다.

    경로가 htp://www.hher.pe.kr/tt/plugins/lightbox/images/close.gif 로 나옵니다.

    이경로를 htp://www.hher.pe.kr/blog/plugins/lightbox/images/close.gif 로 바꿀수 없습니까? 여러번 찾아 봤지만... 도움좀 부탁 합니다

    • 치리 | 2006/08/25 23:02 | PERMALINK | EDIT/DEL

      lightbox_plus.js 파일을 여시면 맨 마지막 부분에 addEvent(window,"load",function() 로 시작하는 부분이 있습니다.
      이 아래 gif파일들의 경로에서 /tt 를 제거하시면 될 듯 합니다.

  • 벨블로그 | 2006/08/26 04:25 | PERMALINK | EDIT/DEL | REPLY

    스킨 감사합니다.
    잘 쓰고 있다가 방명록에 똑 같은 글들이 계속 올라 오길래 이상이 있다 싶어서 내가 방명록에 글을 올리고 submit 를 누르니 아니 방명록 글들이 리프레시 되지 않고 가만히 먹통이 되드라구요.
    계속 누르니 글들은 올라가는데 리프레시 먹동 ... ㅠㅠ
    이건 플러그인 문제이다 싶어 하나, 둘 체크하며 끄고 켜기를 반복하다 보니 님의 플러그인이 딱 걸리더라고요 .. ㅠㅠ
    Lightbox JS 2.0 을 사용하고 있었습니다.
    Lightbox JS 1.0, Lightbox Plus 를 쓰면 경고창 "null" 이 뜨고 Lightbox JS 2.0을 사용하면 리프레시되지 않고 먹통인데 사실 글 들은 올라가고 있어서 자꾸 submit 를 누르면 똑같은 글들이 수십번 쌓이게 됩니다.
    지금은 내린상태고요.
    혹 ?버그? 안생기게 수정해 주실 의향 있으신지요...
    참고로 버젼은 1.0.6.1 이고 스킨은 YROTS-S1T2 스킨을 쓰고 있습니다.

    • 치리 | 2006/08/26 11:49 | PERMALINK | EDIT/DEL

      현재 기본 tistory 스킨을 사용하고 있는 제 블로그에서는 정상적으로 리프래쉬가 되고 있습니다. 자바스크립트가 에러가 뜬다면 아마도 스킨에 포함된 스크립트와 lightbox 스크립트의 충돌일 가능성이 많아 보이네요. 특정 스킨과의 충돌 문제는 제가 손대기가 좀 어려울 듯 싶습니다. (사실 처음부터 제가 만든건 JS파일을 출력에 포함시켜주는 PHP스크립트 정도였구요.)
      도움이 되어드리지 못해서 죄송합니다.

  • 이종수 | 2006/08/26 18:17 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요.
    친구에게 LightBox를추천받아서 사용해 볼려고하는데
    환경설정 -> 플러그인에 lightBox가 뜨지가 않네요....
    태터버젼은 1.0.6.1입니다ㅠ _ㅠ

    • 치리 | 2006/08/27 12:48 | PERMALINK | EDIT/DEL

      플러그인이 설치된 디렉토리를 확인해주세요.
      예를 들어, plugins/lightbox/ 경로에 index.php와 index.xml 파일이 있어야합니다.

  • PolarisS3941H | 2006/08/26 22:52 | PERMALINK | EDIT/DEL | REPLY

    좋은 플러그인 덕분에 잘 쓰고 있습니다 ^^
    다만 익스플로러에서는 갤러리에서 잘 적용되는데
    파이어폭스에서는 갤러리에서 적용이 안되는 것 같네요..
    어떻게 안되는건가요..

    • 치리 | 2006/08/27 12:50 | PERMALINK | EDIT/DEL

      제가 사용하는 firefox 1.5.0.6에서는 PolarisS3941H님의 블로그의 갤러리가 정상 동작합니다. 추측컨데, 페이지 로딩이 완전히 끝나지 않아서 동작하지 않은 듯 합니다. 각종 이미지파일 등이 완전히 로드된 후에 한번 클릭해보세요.

  • 푸아 | 2006/09/05 16:38 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요~ 몇가지 질문 좀 드릴게요
    태터툴즈 1.0용 플러그인 Lightbox TT MX 2.0 버전을 설치하면 "lightboxtype"이 정의 되지
    않았다고 에러가 나며 그림이 몽땅 나오지 않는-_-; 현상을 겪고 있습니다.

    "lightboxtype"이 정의 되지 않았다는 게
    $lightboxdefault = "plus"; << 요게 이렇게 되면 plus 로 작동하는 거 아닌지요

    이렇게 저렇게 하다가 gallery.js<< 요걸 EX 버전용으로 넣고 스킨에 <head>사이 추가하고
    했더니 되더군요; 이상하게 하긴 했는데 우선 되니깐 기분은 좋네요 ㅎㅎ

    • 치리 | 2006/09/05 22:44 | PERMALINK | EDIT/DEL

      아마도 사용하시는 태터툴즈의 버전이 1.0.5이신듯 합니다. 그래서 head 태그 사이에 자동 출력되어야할 스크립트들이 추가되지 않았고, 그 때문에 1.0.6용의 수정된 gallery.js에서 lightboxtype가 정의되지 않았다고 출력되는 것이라 생각됩니다. 될 수 있으면 태터툴즈 버전은 최신인 1.0.6.1을 사용하실것을 권장합니다.

    • 푸아 | 2006/09/06 12:34 | PERMALINK | EDIT/DEL

      테터버전이 1.0.5인거 맞는듯 싶네요
      설치가 되어 있는 곳이라 1.0.6 인줄 알고 있었는데-_-;

      아무튼 잘 쓰고 있습니다^^

  • lyzche | 2006/09/12 19:07 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요. 오늘 이 플러그인을 적용시켜봤는데요..너무 좋고 예쁘네요.@@
    혹시 이 플러그인을 사용했을 때 이미지 아래 밑줄 점선이 생기던데 그걸 혹시 어떻게 없앨 수 있는지 알려주실 수 있을지요?

    • 치리 | 2006/09/12 23:31 | PERMALINK | EDIT/DEL

      스킨의 CSS파일을 수정하셔야 합니다.
      사용하시는 Hisday Note Daisy 스킨의 style.css파일을 여신 후, 251번째 줄의

      .imageblock a { border-bottom-width: 0px; }

      앞에 .article 을 추가해줍니다:

      .article .imageblock a { border-bottom-width: 0px; }

    • lyzche | 2006/09/13 01:44 | PERMALINK | EDIT/DEL

      친절한 답변 정말 고맙습니다!!^^

  • 아츠사 | 2006/09/12 22:03 | PERMALINK | EDIT/DEL | REPLY

    클릭하면 창에 맞춘 사이즈로 출력되잖아요.
    그런데 그냥 클릭하자마자 풀 사이즈로 나오게 하려면 어떻게 해야 하나요?

    • 치리 | 2006/09/12 22:27 | PERMALINK | EDIT/DEL

      lightbox 플러그인 디렉토리의 lightboxtt_setting.php를 여신 후,

      // 디폴트로 동작할 lightbox의 선택
      $lightboxdefault = "plus";

      부분의 plus를 js10으로 바꾸신 후 해당 파일을 다시 업로드해 보세요.

  • lyzche | 2006/09/15 13:23 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요. 제가 현재 rough_jin이란 스킨을 사용하고 있는데요,
    1. 이 스킨에서는 스크롤을 아래로 내려서 이미지를 클릭하면 까만 화면이 적용되질 않아요. 그러니까 최초 화면만 적용이 되고요..(흑, 설명이..ㅎㅎ;;) 다른 스킨에서는 그러지 않았으니 이 스킨의 문제인듯 싶은데..고칠 방법이 있을까요?
    2. 이 플러그인이 가장 최신 버전이라고 알고 있는데...저는 이미지를 클릭하면 아래 캡션 부분에 클로즈 버튼이 안뜰까요? 그리고..이미지 갤러리에서 눌러도 동작하도록 갤러리 파일을 스크립트에 넣는 것까지 했는데요...음, 만약 4장을 한꺼번에 올린 이미지 갤러리를 클릭하면...한장씩밖에 나타나질 않더라구요. 치리님의 블로그에서는 next 버튼이 나타나는데... 이건 이미지 갤러리가 아니라 한 포스팅에 각각의 이미지를 같은 그룹명으로 묶어서 출력되게 하는 듯한데..저는 이것도 안되더라구요. 제가 뭔가 설정을 더 해줘야 할 부분이 있나요?;; 포스팅을 읽어봤는데도..좀 아리송해서 질문 드려봅니다.^^;

    • 치리 | 2006/09/15 14:34 | PERMALINK | EDIT/DEL

      1번의 경우에는 저도 종종 발견하고 있습니다만, 아무래도 CSS의 문제일 것으로 추측만 할 뿐입니다. 지금 제가 같은 현상이 발생하는 스킨을 가지고 있지 않아서 바로 알아보기 힘듭니다. 좀 더 자세히 알아보고 답변을 드리겠습니다.

      2번의 경우, 현재 사용하시는 lightbox 버전이 plus로 설정되어 있으십니다. plus의 경우에는 새로 뜬 이미지 전체가 클릭하면 닫히는 판정이 있구요. 이미지 그룹화를 사용하실려면 js 2.0을 사용하셔야 합니다.

      lightbox 플러그인 디렉토리에서lightboxtt_setting.php를 여신 다음에

      // 디폴트로 동작할 lightbox의 선택
      $lightboxdefault = "plus";

      의 plus로 되어있는 부분을 js20 으로 설정하시면 js 2.0으로 동작합니다.

      그룹으로 묶는것은 http://user.chol.com/~syugogetten/lightbox_advice01.jpg 을 한번 봐 주세요. 저 스크린샷과 같이 자막 부분의 마지막에 [그룹명] 으로 넣어주시면 됩니다.

    • lyzche | 2006/09/15 15:23 | PERMALINK | EDIT/DEL

      확실히 위에서 말씀하시는 것처럼js20은 무거워서 느린 모양이에요. 그리고..이상하게도 js20으로 설정하면 스킨마다 소스가 충돌하는지 스킨이 망가지는 것들이 있네요. 지금 스킨도 플러그인을 적용했더니 카테고리 글자가 커지는 바람에..(요전까진 안그랬는데, 갑자기 js20으로 바꿨다가 돌려놨는데도 그런 현상이..;;) 아무튼 궁금했던 점이 풀렸습니다. 친절한 답변 정말 감사드립니다~^^

  • 엔코 | 2006/09/17 14:48 | PERMALINK | EDIT/DEL | REPLY

    플러그인 이쁘게 만들어 주셔서 감사합니다.
    그런데,

    next prev가 않나옵니다.
    이미지 겔러리로 하면, 대체 텍스트 입력란이 않나오는데 어떻게 그룹 지정을 하죠?
    그냥 삽입 할 경우 5장을 삽입하면 5장 전부 화면에 나오게 되네요. 원래 한장만 나오고 그걸로 네비게이션이 되야할듯한데..

    위에 설명에는 이미지 겔러리를 이용했다고 되 있는데, 중앙 정렬로 삽입하는게 맞는건가요 이미지 겔러리로 넣는게 맞는건가요?

    조금 더 자세히 설명을 넣어 주시면 감사드리겠습니다.

    • 치리 | 2006/09/17 22:43 | PERMALINK | EDIT/DEL

      이미지 갤러리에서 네비가 작동될려면 2가지 조건을 만족해야합니다.
      참고로 이미지 갤러리에서는 따로 그룹화를 지정하지 않아도 됩니다.

      1. lightbox 플러그인 디렉토리에 있는 gallary.js 파일을 태터툴즈/script 디렉토리에 덮어씌워야 합니다.
      2. lightbox 플러그인 디렉토리에 있는 lightboxtt_setting.php 에서 작동 lightbox 버전을 js 2.0으로 맞추셔야 합니다.

      js 2.0으로 설정을 바꾸는 방법은 위쪽 댓글의 답변에 나와 있으니 참고하시면 되겠습니다.

  • hera | 2006/09/19 10:52 | PERMALINK | EDIT/DEL | REPLY

    http://herastyle.net/tt/82

    너무 좋은 플러그인 감사합니다.
    덕분에 가로 사이즈 넓은것도 맘놓고올릴수 있게되었어요
    그런데 다음은 문제가..
    제껄 보면 이미지 클릭하고 다음 이미지 눌르는면 본 이미지가 잠시 멈췄다가 다음 이미지로 넘어가는데요(넥스트 눌르고 난후)그점을 고칠수는없을까요?
    또 보면 넥스트 클릭과 동시에 점선으로 네모난모양이 나타나는데 그것도 좀 고칠수 있는 방법이 있을까요?

    • 치리 | 2006/09/19 11:54 | PERMALINK | EDIT/DEL

      1. next 클릭 후 잠깐동안 기다리는 시간이 생기는 것은 아마도 이미지를 읽어들이는 시간이라고 생각됩니다. 제가 클릭해 봤을때에는 멈추는 시간이 거의 느껴지지 않네요.
      2. 클릭시에 사진 반쪽에 점선의 박스가 잠깐 나타났다가 사라지는 것을 말씀하시나요? a태그가 붙은 이미지에서 나타날 수 있는 현상인데, 저도 예전에 그렇게 나온 적이 있었으나 지금은 나타나질 않네요. 아마 고칠 수 있는 방법이 없을듯 싶습니다.

  • relena | 2006/09/19 23:26 | PERMALINK | EDIT/DEL | REPLY

    테터 입문자입니다.
    치리님의 플러그인을 설치하고 활성화 시켜놓은 상태이나 작동하질 않아서 글을 남깁니다.
    별도의 다른 설정부분은 건드리지 않았고요..

    기본적으로 이미지를 업로드하면 별도의 손질없이 작동하는걸로 생각이 되는데
    전혀 작동하질 않습니다.
    번거롭지만 좀더 자세한 설명 부탁드립니다.

    • 치리 | 2006/09/20 03:17 | PERMALINK | EDIT/DEL

      현재 relena님의 블로그에서는 잘 나오는듯합니다만..?
      이제 제대로 동작하는건가요?

  • relena | 2006/09/20 12:28 | PERMALINK | EDIT/DEL | REPLY

    그게.. 스킨을 다른걸로 바꿨더니 정상작동하더군요= =;;;;
    어떤 스킨은 아예 작동안하고
    어떤 스킨은 메뉴가 아래쪽으로 도망가는 현상..;;
    정상작동하는 스킨으로 바꿔놨습니다 ㅜ

    • 치리 | 2006/09/20 14:28 | PERMALINK | EDIT/DEL

      현재 lightbox 플러그인이 제대로 동작하지 않고 있길래 스킨을 살펴보니 </head> 태그가 없네요.
      스킨의 <body> 태그 위에 </head> 태그를 삽입하시면 아마 동작하리라 생각합니다.

    • relena | 2006/09/20 14:49 | PERMALINK | EDIT/DEL

      답변 감사합니다.
      치리님의 도움으로 정상작동하네요..

      스킨을 몇개 바꾸어서 적용해 보았는데
      되는게 있고 안되는게 있고 그러네요..
      제가 이상한건지..;;;

      어쨋든 답변 감사합니다. 많은 도움이 되었습니다.

  • jindol2k | 2006/09/20 15:32 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요...^^
    플러그인 감사히 잘 쓰고 있습니다.
    다름이 아니라...그냥 그림일때는 플러그인이 잘 동작하는데
    이미지갤러리에서는 그냥 윈도우창이 뜹니다...위에 설명대로 플러그인에 있는 갤러리 파일을
    스크립트 폴더에 붙여넣기 했는데도 적용이 안되네요.
    방법을 가르쳐 주시면 감사하겠습니다.

  • jindol2k | 2006/09/20 19:34 | PERMALINK | EDIT/DEL | REPLY

    하...부끄럽네요...이제 잘되네요^^;

    그런데...님 처럼 그림뜰때 스무스 하게 짝 나오게 하는건 어케 하는건지 궁금합니다^^;

    • 치리 | 2006/09/20 20:59 | PERMALINK | EDIT/DEL

      lightbox를 js 2.0으로 동작하게 설정하셔야 합니다.

      lightbox 플러그인 디렉토리/lightboxtt_setting.php를 여신 다음에

      // 디폴트로 동작할 lightbox의 선택
      $lightboxdefault = "plus";

      plus 값을 js20 으로 설정하시면 js 2.0으로 동작합니다.

  • 其仁 | 2006/09/21 20:35 | PERMALINK | EDIT/DEL | REPLY

    제 블로그에서 LightBox 최신 버전이 이제야 제대로 적용이 됐네요. 아무튼 감사히 잘 쓰겠슴다~~~

  • 아츠사 | 2006/09/23 16:34 | PERMALINK | EDIT/DEL | REPLY

    한가지 궁금한게 있는데요.
    외부 링크 이미지도 라이트 박스로 뜨게 할 수 없나요?
    계정 내에만 이미지를 올릴려니 여러모로 곤란해서 외부쪽 이미지를 많이 쓰려고 하는데요.
    라이트 박스가 안되니 좀 그렇네요.
    먼가 방법이 있다면 꼭 좀 알려주세요.

    • 치리 | 2006/09/24 00:34 | PERMALINK | EDIT/DEL

      <a href="이미지 주소" rel="lightbox" title="캡션"><img title="캡션" src="이미지 주소" width="넓이값" height="높이값" /></a>

      html모드에서 위와 같은 방법 이미지를 추가하시면 됩니다.

  • RRR- | 2006/09/25 03:12 | PERMALINK | EDIT/DEL | REPLY

    js2.0잘 쓰고 있어요- 근데 댓글을 달려 그러면, 오류 발생이라고 나와요.
    댓글이 잘 달리긴 하지만, 새로고침으로 다시 봐야 달린것을 확일 할 수 있거든요.
    방법이 있을까요?

    • 치리 | 2006/09/25 10:01 | PERMALINK | EDIT/DEL

      스킨 파일에 <head> 태그가 두번 나와있습니다. head 태그가 두번 선언되어서 lightbox 플러그인의 스크립트가 두번 출력되어 나타나는 에러일 가능성이 많이 보입니다. 살펴보시고 하나의 head태그로 합쳐주시기 바랍니다.

  • RRR- | 2006/09/26 23:37 | PERMALINK | EDIT/DEL | REPLY

    치리님 고마워요. 덕분에 잘 됩니다. 정말 감사합니다.^^

  • carmen | 2006/10/04 10:13 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요..
    잘나오다가 갑자기 안나오네요.
    언제부터 안된지도 기억이 안나요.
    제가 바꾼거라곤 다중블로그로 바꿨거든요.
    근데 그것때문에 안나오는건지...
    근데 제 홈와보시면 알겠지만 다중으로 연결해놓은 포토 란에서는 잘 나오거든요.
    근데 블로그에서만 안나와요..
    ㅠㅠ

    • 치리 | 2006/10/04 23:23 | PERMALINK | EDIT/DEL

      lightboxtt_setting.php 파일을 여셔서

      // 모든 이미지에 lightbox 적