Textcube : Brand yourself!

※ 텍스트큐브.org 개편 후에 이전된 글에서 제대로 다운로드를 받을 수 없다는 의견이 있어서 새로이 플러그인을 올려둡니다.
 플러그인 변동 사항은 없습니다.

 지금은 같은 기능의 다른 좋은 플러그인들도 많이 나왔으니 그 쪽을 사용해 보시는 것을 추천합니다.

2011년 4월 27일 : 텍스트큐브 1.8.6에서 발생할 수 있는 문제(리샘플링 활성화 시에 블로그 출력이 이상하게 되는 문제)에 대응한 버전(2.225)를 업로드하였습니다.

Lightbox TT AZ

버전별 사용 환경

다운로드

lightbox_TTAZ_2225.zip

텍스트큐브 1.8.6 이상 (텍스트큐브용)

lightbox_TTAZ_2224.zip

텍스트큐브 1.5 이상 (텍스트큐브 1.8.6 이상에서는 리샘플링 기능 사용 시에 문제가 발생합니다. 만약을 위해 남겨둡니다.)

lightbox_TTAZ_2210.zip

태터툴즈 1.1 이상 (태터툴즈용)

설치 방법

1. 플러그인을 받으신 후, 플러그인 디렉토리에 압축을 풀어주세요.
   Lightbox TT AZ 플러그인 압축파일 내 폴더명은 lightbox_AZ 입니다.
   
2. 관리자 화면의 플러그인 메뉴에서 Lightbox TT AZ 플러그인을 사용중 상태로 켜 주세요.
   만약 이전 버전의 Lightbox TT 플러그인이 켜져 있을 경우, 꺼 주세요.
3. 사용중 아이콘 왼쪽의 설정 아이콘이 활성화 될 것입니다. 클릭을 하시면 설정창이 뜹니다.
4. 설정창에서 원하시는대로 설정을 합니다. (lightbox js의 종류만 선택해 주시면 다른 대부분의 설정은 해주지 않으셔도 됩니다.)
5. 블로그 화면으로 돌아와서 이미지를 클릭해 보면 lightbox 스크립트로 나타나는 이미지를 확인하실 수 있습니다.

설치 방법 - 이미지 갤러리에도 적용하고 싶을 때 (비추천) :

• Lightbox TT 플러그인 폴더에 있는 gallary.js 파일을 태터툴즈(텍스트큐브)/script/ 폴더로 옮깁니다. (덮어씌우기 전에 원래 파일을 백업하세요!)
• Lightbox TT 플러그인이 켜진 상태에서 이미지 갤러리를 클릭해보면 Lightbox가 동작합니다.

사용 방법

• 이미지를 추가하실 때(FREE형식 삽입 제외)로 이미지를 삽입해 주시고, 대체 텍스트(alt 태그)에 글을 적어주시면 클릭시 이미지에 캡션으로 나타납니다.
  
  
  

  우측의 이미지 삽입 방식 아이콘들을 확인해 주세요. FREE 글자가 붙은 아이콘으로 삽입하면 자동적으로 Lightbox가 적용되지 않습니다.

• 플러그인이 제대로 동작하게 된다면 lightbox를 수동으로 사용하실 수도 있습니다.
  
  <a href="이미지 주소" rel="lightbox" title="캡션"><img title="캡션" src="이미지 주소" width="500" height="375" /></a>
  
  이런 식으로 html 편집 모드에서 이미지를 추가하시면 됩니다.
  하지만 반드시 이런 방법으로 사용하셔야 하는 것은 아닙니다. 위의 설명대로 이미지 정렬 삽입을 하면 자동적으로 lightbox가 적용됩니다.
• 또한 꼭 이미지파일에 붙어있는 하이퍼링크가 아니더라도 라이트박스를 사용하실 수 있습니다.
  
  
  <a href="이미지 주소" rel="lightbox" title="캡션">표시될 텍스트</a>
  
  역시 html 편집 모드에서 삽입하시면 됩니다.
• Lightbox JS 2.0 을 사용하도록 설정하셨을 때에는, 그룹별로 갤러리 이미지 효과를 낼 수도 있습니다.
  
  이미지 그룹 설정은, 이미지 대체 텍스트 입력시, 맨 마지막 부분에 [원하는 그룹명] 과 같이 입력하시면 됩니다.
  ex) 이것은 좋은 것이다. [선물]
  
  

  대체 텍스트 부분의 반전된 부분과 같이 넣어주시면 됩니다.

  물론 같은 그룹으로 하고 싶은 이미지에 모두 추가하셔야 되겠죠?
  그룹으로 열린 Lightbox JS에서는 N키와 P키를 사용하실 수 있습니다.
• ightbox Plus를 사용하도록 설정하셨을 시에 이미지 대체 텍스트 뒷편에 lightbox-effect 라고 적어넣어주시면..
  
  

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

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

자주 있는 질문과 답변

• Lightbox TT 플러그인을 사용하면 스킨이 왼쪽으로 쏠리거나 레이아웃이 엉망이 됩니다.
  -> lightboxtt_setting.php 파일을 사용하는 구 버전에서 해당 파일을 윈도우 메모장 등으로 수정했을 경우 나타날 수 있습니다. 해당 파일을 BOM 문자열이 저장되지 않는 Editplus 등의 프로그램으로 저장하면 해결 되는 것을 확인하였습니다. Lightbox TT AZ는 환경설정을 태터툴즈 자체 기능으로 저장하므로 이 현상이 발생하지 않을 것이라 생각하고 있습니다.
• 펼쳐지는 효과가 나타나는 Lightbox를 쓰고 싶습니다.
  -> 플러그인->Lightbox TT AZ 환경설정 버튼을 클릭하면 나타나는 설정 창에서, 동작시킬 Lightbox의 버전을 JS 2.0으로 수정하시면 됩니다.
• 플러그인 리스트에 Lightbox 플러그인이 나오질 않아요!
  -> Lightbox TT 플러그인 배포 파일은 lightbox 혹은 lightbox_AZ 폴더로 한번 감싸져 있습니다. 플러그인 폴더에 새 디렉토리를 만들고 파일을 옮기진 않으셨는지 한번 확인해 주세요. (plugins/lightbox설치디렉토리 를 확인하면 index.php, index.xml 등의 파일들이 바로 있어야합니다.)
• Lightbox로 뜬 이미지가 플래쉬에 가려버립니다.
  -> 플래쉬 삽입시에 다음과 같은 코드를 추가하셔야 합니다.
  
  플래쉬 스크립트에 <PARAM NAME="wmode" VALUE="transparent" />
  의 추가
  embed 태그 속성에도 wmode="transparent" 를 추가
• 플러그인을 켰는데 이미지를 클릭하면 그냥 새 창으로 뜹니다.
  -> lightbox 스크립트 특성 상, 해당 페이지의 로딩이 완전히 끝나야 동작됩니다. ESC키 등을 누르셔서 로딩을 정지시키시거나, 완전히 로딩이 끝날 때 까지 기다리신 후 이미지를 클릭해 보세요.
• 이미지 갤러리에서는 그냥 새 창으로 떠 버립니다.
  -> Lightbox TT 플러그인 폴더에 있는 gallary.js 파일을 태터툴즈/script/ 폴더로 옮겨보세요. 원본 gallary.js 파일의 백업 뒤에 하시는 것을 권장합니다.
• 티스토리에서도 쓰고 싶어요!
  -> 티스토리에서는 Lightbox TT EX 버전의 플러그인이 준비되어 있습니다. 그 외의 스크립트를 쓰고 싶으시다면... 찬노군님의 포스팅을 참고해 보시는 것을 추천합니다.
  참고로 티스토리 쪽은 이미 제 손을 떠난 상태이기 때문에 저에게 뭘 부탁하셔도 어쩔 도리가 없습니다... :(

기타 의문사항, 문제점, 건의사항 등이 있으시면 제 블로그(http://moonmelody.com/tt/305) 쪽으로 댓글을 통해 알려주시기 바랍니다.

Writer profile

안녕하세요. '치리'라는 닉네임을 사용하는, 텍스트큐브를 사랑하는 유저 중 한 명입니다.
보잘것 없지만 플러그인을 조금 끄적이고 있습니다.

http://moonmelody.com