태터툴즈 1.0용 Lightbox 플러그인 :: 2006/02/10 20:52

※ 새 버전이 나왔습니다. http://mahodou.pe.kr/tt/entry/태터툴즈-10용-플러그인-Lightbox-TT-EX를-공개합니다 에서 확인해 주세요.



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

이미지를 새 창을 띄우지 않고 예쁘게 출력할 수 있는 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/

이 글의 관련글
Posted by 치리
Trackback Address :: http://moonmelody.com/tt/trackback/2
Comment RSS : http://moonmelody.com/tt/rss/comment/2
  • mac | 2006/02/10 23:14 | PERMALINK | EDIT/DEL | REPLY

    오 신기하네요..
    잘 봤습니다. 다운받아서 설치해야겠네요

  • 김용수 | 2006/02/11 00:35 | PERMALINK | EDIT/DEL | REPLY

    전부 설치 마쳤는데요..
    이상하게 로딩표시만 나오고 사진이 안나와요..

    이것도 못쓰는 서버나 이런거 있나요??

    왜 안나오는지를 모르겠어요..경로도 다 맞은거 같은데..

    로딩표시만 계속 돌아가고 있고..사진이 나오질 않아요..ㅡ.ㅜ

    • 치리 | 2006/02/11 13:33 | PERMALINK | EDIT/DEL

      문제사항을 수정했습니다. 태터센터 플러그인란에서 새로 받아주세요.

  • 純黑 | 2006/02/11 00:46 | PERMALINK | EDIT/DEL | REPLY

    저도 로딩표시만 계속 돌아가고.. 사진이 안 나오네요';

    절대주소 잘 입력하고..

    스킨에서 바꿔주고..

    다만.. 태터설치경로가..

    tatter이 아니고..

    절대주소/blog/plugins

    이렇게 blog로 되어있는데.. 관계 있을까요?

    • 치리 | 2006/02/11 13:34 | PERMALINK | EDIT/DEL

      코드상의 문제였습니다. 태터센터 플러그인란에서 새로 받아주세요.

  • 유마 | 2006/02/11 01:09 | PERMALINK | EDIT/DEL | REPLY

    오. 멋진 플러그인 입니다. ^^;;

    한가지 질문 해도 될까요?..
    저 기능은... 테터 툴즈에 업로드 해야 사용 가능 한 것이겠지요?..
    링크 이미지는 안되겠지요?...

    • 치리 | 2006/02/11 03:49 | PERMALINK | EDIT/DEL

      일단, 태터툴즈에 업로드 된 이미지에 적용되는 플러그인입니다.
      하지만 플러그인 설치 준비(lightbox를 업로드하고, css파일과 js파일의 경로를 설정)를 하셨다면 외부 이미지를 링크할 때, <a href=이미지주소 rel=lightbox><img-생략-></a> 와 같은 형식으로 링크하신다면 lightbox를 사용하실 수 있습니다. (원래 lightbox의 사용방법이기도 하구요.)

    • 유마 | 2006/02/11 05:48 | PERMALINK | EDIT/DEL

      오오... 좋은 플러그인 감사합니다 ^^

  • J. Parker | 2006/02/11 10:00 | PERMALINK | EDIT/DEL | REPLY

    정말 멋진 플러그인입니다. 'LightBox' 기능에 맞는 정말 멋진 이름입니다.
    잘쓰겠습니다. 행복한 주말되세요.~

  • 기리 | 2006/02/12 03:32 | PERMALINK | EDIT/DEL | REPLY

    조금 어이없는 질문일수도 있겠지만...
    위에서처럼 그림을 업로드하면 자동으로 블로그 사이즈에
    맞게 이미지가 줄어들게는 어떻게 하나요???

    이미지를 올렸더니..사이즈에 맞게 블로그도 옆으로
    퍼져 보이는데...혹시 스킨에 먼가를 추가해야하는건가요??

    초보자의 무식한 질문입니다 수고하세요

    • 치리 | 2006/02/12 03:51 | PERMALINK | EDIT/DEL

      태터툴즈 1.0의 경우에는 이미지 업로드 후 편집기에서 추가할 때 자동으로 스킨 본문의 폭을 감지해서 맞게 사이즈를 정해줍니다. 혹시 제대로 되지 않는다면, 스킨에서 본문 출력 부분의 사이즈 지정을 제대로 했는지 확인해보세요.

  • ataiger | 2006/02/12 20:58 | PERMALINK | EDIT/DEL | REPLY

    저는 1.11버전을 쓰고 있는데 페이지 아래쪽이 공간이 조금 어둡게 되지 않아요. 이유를 모르겠네요.

    • 치리 | 2006/02/14 00:01 | PERMALINK | EDIT/DEL

      css 적용의 문제인 듯 싶은데, 자세한것은 저도 잘 모르겠군요. 도움이 되지 못해서 죄송합니다.

    • 여리군 | 2006/02/15 03:02 | PERMALINK | EDIT/DEL

      저도 같은 증상을 겪었는데,
      알고보니 skin 파일을 수정하면서
      아랫줄은 절대경로를 지정해주고
      윗줄은 원래코드 그대로 놔두었기 때문이었죠..

      지금은 잘 쓰고 있습니다. ^^

    • ataiger | 2006/02/16 01:00 | PERMALINK | EDIT/DEL

      확인해봤지만 여리군님과는 다른 것 같네요.
      css파일은 제대로 링크되어 있지만 맨 밑에 비는 곳이 발생해서 js파일을 아무리 보아도 뭐가 문제인지 알 수가 없어요.

  • PAPACHA | 2006/02/15 18:06 | PERMALINK | EDIT/DEL | REPLY

    오~ 멋진 플러그인입니다.
    배포판에 포함시켜 버리고 싶은 욕심이 나네요 ㅎㅎ

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

      자바스크립을 동작하게 링크만 붙여주는 플러그인일 뿐입니다만.. 많은 분들이 잘 사용해주시고 계셔서 다행입니다.:)

  • 일급수 | 2006/02/17 22:23 | PERMALINK | EDIT/DEL | REPLY

    배포하신 스킨 아주 잘쓰고있습니다..^^
    한가지 이상한건 설치하신 다른분들은 모두 원본을 제외하고 배경이 다 어두워지는데반해 전 그냥 사진만 뿅 튀어나옵니다...덜덜덜;;
    다른기능은 다되는데 왜 배경이 어두워지질 않는걸까요..
    아시면 부탁좀드리겠습니다...ㅠㅠ

    • 일급수 | 2006/02/18 12:12 | PERMALINK | EDIT/DEL

      해결했습니다.
      skin.html에 <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> 이 부분에서 아래쪽에만 절대경로를 지정하고 위에는 지정하지 않아 생겼던 오류였습니다...^^ 이제 잘됩니다...잇힝~

  • 그니 | 2006/02/20 06:21 | PERMALINK | EDIT/DEL | REPLY

    배포해주신 플러그인 감사합니다..
    다운받아서 적용한거는 배포하시자마자 했는데..
    솔직히 사용법을 잘 몰라서(테터 왕초보) 사용 못하다가..
    어제부터 사용해보기 시작했습니다.. ^^
    참 맘에 드는 플러그인 입니다...

  • trendon | 2006/02/24 16:47 | PERMALINK | EDIT/DEL | REPLY

    적용을 해서 사용을 해보려고
    환경설정 - 플러그인 관리에 들어가 보니...
    검색이 안되는 것인지...

    이름 버전 설명 부분에 아무런 글이 없습니다. 그리고 미사용 부분을 클릭하면 사용으로 적용이 안됩니다..

    태터툴즈 1.1 새로나온 것을 설치했는데 문제가 있네요.. 도와주세요.

    • 치리 | 2006/02/24 21:50 | PERMALINK | EDIT/DEL

      혹시 파일 업로드를 하실때 xml파일과 php파일을 바이너리로 업로드하시지 않으셨습니까? 아스키모드로 한번 올려보시고 확인해 주세요.

    • trendon | 2006/02/25 01:31 | PERMALINK | EDIT/DEL

      아스키 모드로 했을 때도 그렇군요.
      알ftp로 전송하며 초기에 자동 설정으로 해두었습니다.
      아스키로 설정하고 해도 결과는 동일하네요.
      버그 하나 찾은 건가요?

    • 치리 | 2006/02/25 01:43 | PERMALINK | EDIT/DEL

      플러그인 디렉토리 안의 디렉토리중에서 index.xml파일이 없는 경우 말씀하신 현상이 일어나는것을 확인했습니다. 태터툴즈에서 출력을 안해도 되는 것을 출력해버리는 경우네요. 아마도 플러그인 디렉토리에서 따로 디렉토리를 만드신 후, 거기에 lightbox디렉토리 이하 파일들을 넣으신 듯 싶은데... index.xml 이하 파일들이 plugin/lightbox(등의 라이트박스 플러그인이 위치한 디렉토리) 아래에 위치하도록 옮겨보세요.

  • JJ | 2006/03/01 02:01 | PERMALINK | EDIT/DEL | REPLY

    플러그인 정말 잘 쓰고 있습니다. 그런데 한가지 개인적으로 고치고 싶은 점이 있어서... 코드에 손을 대 볼려고 했으나.. 자바스크립트를 전혀몰라 포기했습니다ㅜㅜ 그래서 이렇게 문의 드립니다. 세로로 긴 사진의 경우에 세로 길이를 화면폭에 맞추다보니 사진이 더 작아져서 오히려 사진을 보기가 힘들어지는 것 같습니다. 좌측 상단에 확대버튼을 누르면 실제사진 크기로 나오는데.. 디폴트로 실제사진 크기로 나오게 하고 싶습니다. 코드를 어떻게 손대야 할지..?? 도와주세요~^^

    • 치리 | 2006/03/03 01:26 | PERMALINK | EDIT/DEL

      저도 자바스크립쪽은 잘 알고 있지 못해서 도움을 드릴 수 없는 점 죄송합니다.
      요즘 스크립트를 이리저리 살펴보고 있으니, 언젠가 수정할 수 있게 되면 알려드리겠습니다.

  • 박또 | 2006/03/01 02:46 | PERMALINK | EDIT/DEL | REPLY

    1.0.1 나온 이후로 -_-
    거의 손을 안대고 있던터라 수정이 된지도 몰랐네요.
    이제서야 적용 완료 했습니다.

    아. 이렇게 이름까지 적어주시다니 몸둘바를 모르겠습니다. 감사하실만한것도 아닌데 허허.

    플러그인 정말 잘쓰고 있구요. ^^
    저도 뭔가 만들어보고 싶은데 실력도 안되고
    공상만 쌓여갑니다 허허

  • zen.ishtar | 2006/03/04 14:44 | PERMALINK | EDIT/DEL | REPLY

    플러그인 잘쓰고 있습니다 ^^
    이거 테두리 색상을 검정으로 바꾸고 싶은데, js 파일을 보니 무지 길어서 ㅡ.ㅡ; 어딜 고쳐야 할지 모르겠어요 ㅜ.ㅜ;

    • 치리 | 2006/03/04 15:45 | PERMALINK | EDIT/DEL

      JS파일을 수정하실 필요 없이, CSS파일의 수정만으로 원하시는 결과를 만드실 수 있습니다.

  • porco | 2006/03/16 06:38 | PERMALINK | EDIT/DEL | REPLY

    플로그인 잘쓰고 있습니다.
    근데 세로로 긴 사진은 원래 라이트박스가 안생기나여?

    다른 사진들은 다 잘되는데..
    세로 사진만 그러네여..
    한번 봐주시면 감사하겠습니다.

    • 치리 | 2006/03/17 00:28 | PERMALINK | EDIT/DEL

      본 플러그인은 태터툴즈에서 이미지가 새 창으로 뜨는 부분을 바꿔주는 것입니다. 세로로 긴 이미지파일의 경우 글 편집시 표시 사이즈를 원래보다 작게 설정하지 않는 이상은 이미지 클릭 링크가 생기지 않는걸로 알고 있습니다. 편집기에서 이미지 파일의 크기를 약간만 줄여보세요.

  • 엔도 | 2006/03/19 15:51 | PERMALINK | EDIT/DEL | REPLY

    플러그인 너무 쓰고 싶어서 새버전 나오자마자 설치하고 잘 나오는 것을 확인했습니다.
    근데 한가지, 왜 저는 사진에 파란색테두리가 생기는건지...ㅜ_ㅜ
    혹시 해결방법을 아신다면 가르쳐주시면 감사하겠습니다;ㅅ;(링크한 홈에 오시면 어떻게 보이는지 알수있습니다)

  • 유마 | 2006/03/23 04:39 | PERMALINK | EDIT/DEL | REPLY

    예전엔 분명히 되었었는데, 1.0.2 업데이트 후인지, 스킨 교체 후인지 -_- 알 길은 없으나 되질 않습니다. 어쩌면 1.1.2 버전 이후 일지도 ^^a 여튼.. 처음부터 하는 마음으로 전부 수정했는데도 안되는군요 --a 일급수님 처럼 클릭 하면 이미지만 뜨는데, 위의 문제대로 전부 다 수정되어 있습니다. 왜 일까요? -- http://paranmin.net/entry/zzz <- 요기 입니다.

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

      이미지만 나오는 페이지로 이동하는 경우(a태그 효과가 그대로 나타나는)는 js파일이 제대로 지정되지 않았을 경우나 a태그에 rel=lightbox가 없을 경우 대부분 발생합니다.
      지금은 잘 되는듯합니다만.. 혹시 저 페이지의 이미지를 html모드에서 직접 넣으신 건가요?
      위지윅모드에서 이미지를 삽입해서 안된다면 꼭 알려주세요.

  • 유마 | 2006/03/23 12:48 | PERMALINK | EDIT/DEL | REPLY

    엥?.. 지금 잘 나오나요? -_-
    나는 왜 이미지 페이지로 이동하는거지 -_-a

    • 치리 | 2006/03/23 22:22 | PERMALINK | EDIT/DEL

      페이지 로딩이 완전하게 되지 않았을때에 이미지를 클릭하시면 제대로 동작이 되지 않을수도 있습니다. (이것은 페이지 로딩 완료후에 동작하는 라이트박스 스크립트 설정 때문입니다)

  • 비밀방문자 | 2006/03/25 23:49 | PERMALINK | EDIT/DEL | REPLY

    관리자만 볼 수 있는 댓글입니다.

    • 치리 | 2006/03/27 10:19 | PERMALINK | EDIT/DEL

      제가 뎅엽군님의 블로그를 가본 바로는, 아마도 플래쉬음악재생기가 무한히 로딩되지 않아서 덩달아 라이트박스도 동작하지 않는듯 하군요.(라이트박스는 페이지의 로딩이 완전히 완료된 후 작동됩니다.) 해당 글의 플래쉬플레이어를 보시면 카테고리 클릭후에는 제대로 나타나지 않는걸 보실 수 있습니다. 제가 그 플래쉬플레이어를 쓰지 못해서 자세히는 모르겠습니다만, 아마도 태터툴즈의 가변하는 주소를 따라가지 못하는듯 하는군요. (언제나 파일을 ../attach 에서 읽는데 주소는 category/카테고리1/카테고리2 이런식이라..)

      결론을 말씀드리자면, 플래쉬플레이어를 한번 글에서 지워보시면 라이트박스는 제대로 되리라 생각합니다. (그래도 안될 경우에는 브라우저의 중지버튼을 한번 눌러보고..)

  • 마모루 | 2006/03/27 19:33 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요^^
    플러그인 제작에 관한 조언을 조금 얻고자 글 남깁니다.

    컨택 가능한 MSN주소 내지는 메일 주소를
    mamoru90(#)gmail*com 으로 보내주시면 감사하겠습니다^^

  • zippy | 2006/03/30 16:53 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요..멋진 플러그인 감사드립니다~^^
    그런데 세로가 긴 사진은 이미지가 줄어서 보여지게 되는데 그냥 리사이징된 이미지 말고 원래 이미지대로 볼 수 는 없을까요?
    만약 가로가 윈도우 화면을 넘어간다면 어쩔수 없이 리사이징을 하겠지만 세로가 길어도 그냥 보여지게 했으면 좋겠습니다.^^

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

      죄송합니다. 원하시는 것은 lightbox plus 자바스크립트를 수정해야하는데, 제가 그쪽까지는 고칠 능력이 못되는군요. 제가 말씀드릴 수 있는건 '라이트박스가 뜨면 이미지 왼쪽 상단의 확대버튼으로 확대해 주세요' 정도 뿐입니다.

  • 크로마뇽 | 2006/04/03 00:21 | PERMALINK | EDIT/DEL | REPLY

    Lightbox 와 lightbox 대 소문자 구분을 하는 것일까요? 이곳의 본글과 댓글 그리고 테터툴즈에 올리신 글 수십번 읽어 보고 모든 것을 적용을 다 시켰는데... 안되는군요.

    원래 이미지가 작아서 더 이상은 커지지 않는 것일까요? 아니면 랜덤 포토나 썸네일 갤러리 때문에 그러는 것일까요?

    • 치리 | 2006/04/03 22:48 | PERMALINK | EDIT/DEL

      안되는 상황을 좀 더 자세하게 알려주시면 감사하겠습니다.
      참고로 본 플러그인이 작동하는것은 본문작성시 삽입한 이미지의 크기가 원래 크기보다 줄여져서 클릭하면 새 창이 뜨는 것을 변환하는 것입니다.

  • Pak | 2006/04/07 00:03 | PERMALINK | EDIT/DEL | REPLY

    Hi, i have made some modify to the lightbox 1.12 and made it more easier to use...

    1. I made a tag handler(to ) instead of the adding tag between <head>...</head>, and also create it automatic if the user having insert while the user using the TT's default insert picture function.

    2. I also modify the lightbox_plus.js and make the image's link automatic inputed in the index.php's process, so user can leave the lightbox_plus alone.

    3. I add a $show_smallpic_also variable in index.php to determind if it use lightbox to view image or not with the picture which didn't need to enlarge.

    the package : http://paklam.serveblog.net/paklam/attachment/1391657015.rar

    http://paklam.serveblog.net/paklam/48

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

      I welcome your modification.
      I want that your code be helpful to tattertools users.

      sorry, my english is poor..

  • 舜.Viva! | 2006/04/05 19:10 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요 치리님. 배포하신 플러그안의 LightBox 스크립트가 2.02 버전으로 업그레이드 된것을 보고 배포하신 플러그인을 조금 수정하여 (수정, 재배포에 관한 문구가 없길래.. 라이센스 문구 자체가 없길래..) 태터의 다운로드에 등록했습니다.
    혹시 관련되어 심기 불편하신 경우가 있다면 말씀해주세요. 태터 다운로드 센타에 올린것을 삭제 하겠습니다.
    마지막으로 좋은 플러그인을 만들어 배포해 주셔서 감사합니다. :)

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

      안녕하세요. 소스 코드의 사용은 자유롭습니다. (딱히 자랑할만한 코드도 아니고 말이죠.)
      사실은 저도 이리저리 수정한걸 슬슬 공개할까 했는데 이렇게 다른 분들이 수정한 것들이 나오는군요.^^
      더 나은 플러그인이 나온다면 분명 환영할만한 일입니다.

  • ceris | 2006/04/19 01:15 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요 배포 플러그인을 써봤는데.. 여기 적용 예에서는 그림 클릭시 아래부분에 물에서 첨벙첨벙 소희와 매지션 이라는 식으로 뜨는데요.. 태터 사이트에서 받은걸로 해보니 전 안뜨네요. 뭔가 설정해줘야하는게 있는건지.. 그림 업로드 하고 클릭해서 캡션은 붙여줬거든요. 근데 여기 예제처럼 아래에 설명이 뜨진 않네요. 방법이 없을까요?

    • 치리 | 2006/04/19 01:25 | PERMALINK | EDIT/DEL

      적용하신 블로그를 적어주셨더라면 좀 더 정확한 대답을 해드릴 수 있을듯 합니다만..
      일단, 어느 버전을 받으셨습니까? EX가 붙은 버전을 받으셨다면 스킨 파일의 head태그 안에 css파일과 js파일 주소를 적으셨나요? js파일의 주소가 중복되면 동작은 하나 그림 확대와 캡션 출력이 되지 않습니다. EX버전은 단지 설치하고 켜 주기만 하면 동작하므로 head 태그 안의 주소들은 지워 주세요. 질문 글의 내용만으로 추정되는 원인은 이것밖에 없군요.
      블로그 주소를 적어주시면 더 자세하게 답변해 드릴 수 있을듯 합니다.

  • ceris | 2006/04/19 01:55 | PERMALINK | EDIT/DEL | REPLY

    답변 정말 감사합니다. 제가 EX 버전을 받아놓고선 태터 플러그인 게시판에 여기로 링크가 돼 있길래 이거보고 설치를 해서 그러네요;; 설마하고 스킨 바꿔보니까 나오길래, 그 부분이 문제인걸 알았답니다. 위에보니 혹시 Pak라는 외국분의 아이디어 덕에 더 편리해진 듯한데.. 여튼 정말 고맙게 쓰겠습니다. ^^

  • Kou | 2006/06/14 01:24 | PERMALINK | EDIT/DEL | REPLY

    플러그인이 자꾸 비활성화됩니다.
    환경설정안에있는 플러그인에서는 활성화된걸로 나오는데 그림을 클릭시
    그냥 새창으로 떠버리네요.
    그래서 다시 비활성화후 활성화하면 다시 잘되다가...어느순간...
    다시 비활성화...지식이 짧은 저로써는 어찌해야할지몰라 질문드립니다~

    • 치리 | 2006/06/14 18:38 | PERMALINK | EDIT/DEL

      플러그인이 활성/비활성으로 왔다갔다하는건 저도 처음 들어보는 일이군요.;
      일단 다른 플러그인들은 잘 동작하나요? 확실한 해결책은 알려드릴 수 없습니다만, 일단 플러그인을 비활성화 하신 후, lightbox 플러그인의 디렉토리명을 다른 이름으로 변경하시고 플러그인 리스트에서 다시 활성화 해 보시기 바랍니다.

[로그인][오픈아이디란?]
Name
Password
Homepage

Secret

Recent Entries

Recent Comments

Recent Trackbacks

Tags