서브메뉴

Lightbox TT AZ Ver. 2.210 / 2.225

by 치리

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

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

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

Lightbox TT AZ


Lightbox TT AZ는 Lightbox JS 1.0, Lightbox Plus, Lightbox JS 2.0(Litebox 1.0) 을 태터툴즈/텍스트큐브에서 간단하게 작동되도록 적용시켜주는 플러그인입니다.Lightbox TT AZ는 Lightbox TT MX의 버전업 플러그인 입니다.

버전별 사용 환경

Lightbox TT AZ 2.224~5 : 텍스트큐브 1.5 이상 (텍스트큐브용)
Lightbox TT AZ 2.210 : 태터툴즈 1.1 이상 (태터툴즈용)

다운로드


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) 쪽으로 댓글을 통해 알려주시기 바랍니다.

갱신 이력

Lightbox TT AZ 2.225에서 수정된 점 (11년 4월 27일) :
  • 텍스트큐브 1.8.6 이상에서 리샘플링 옵션이 활성화되어있을 때 비정상적으로 동작하는 문제점을 수정하였습니다.

Lightbox TT AZ 2.224에서 수정된 점 (08년 2월 20일) :
  • 텍스트큐브 1.6 이상에서 비정상적으로 동작하는 문제점을 수정하였습니다.

Lightbox TT AZ 2.223에서 수정된 점 (08년 1월 9일) :
  • border 속성, onclick 이벤트에 관련하여 비정상적인 출력을 하는 부분을 수정하였습니다.

lightbox TT AZ 2.221에서 수정된 점 :
  • 자바 스크립트의 타입 선언이 중복되어 있던 문제를 수정했습니다.

Lightbox TT AZ 2.220에서 수정된 점 :
  • 텍스트큐브 1.5에 맞춰서 몇가지 문제가 발생할 수 있는 부분을 수정하였습니다.

Lightbox TT AZ 2.210에서 추가, 수정된 점 :
  • 이미지 리샘플링 사용시에 이미지를 클릭하면 lightbox로 워터마크가 찍힌 이미지가 뜨지 않는 문제를 해결하였습니다. (단순히 리샘플링만 적용했을 경우에는 원본사이즈 리샘플링 이미지가 생성되지 않습니다.)


Lightbox TT AZ 2.2에서 추가, 수정된 점 :

〃눈에 보이는 추가, 수정점들
  • Lightbox Plus 스크립트를 2006년 10월 27일자 버전으로 업데이트했습니다. Lightbox Plus가 업데이트되면서 이미지 그룹화(이미지셋), 확대시 마우스 휠로 축소/확대와 전체 지도 보여주기, selectbox나 embed로 추가된 플래쉬, 동영상 등을 자동으로 숨겨주는 기능 등이 추가되었습니다. 이미지 그룹화 기능을 이용해서 Lightbox Plus에서도 포스트별 자동 그룹화를 지원합니다.
  • Lightbox JS 2.0를 간략, 경량화한 스크립트인 Litebox 1.0을 추가했습니다. 플러그인 환경설정의 JS 2.0 설정부분에서 선택이 가능합니다.
  • Lightbox JS 2.0과 Litebox 1.0에 Lightbox Plus의 소스를 이용하여 selectbox, 플래쉬 등의 자동 숨기기 기능을 추가하였습니다.
  • Lightbox JS 2.0의 설정에서 화면 중앙에 이미지 출력 옵션을 추가하였습니다.
  • 대체 텍스트 부분을 수정하지 않았다면 title 속성에 빈 값이 들어갑니다. ('사용자 삽입 이미지' 문구가 툴팁으로 나타나지 않습니다.)
〃눈에 보이지 않는 추가, 수정점들
  • IMG 태그를 처리하는 부분이 개선되었습니다. 기존의 문자열 위치 추적 기반에서 정규표현식을 이용한 방식이 되었습니다.
  • 대체 텍스트 속성(ALT속성)을 이용한 자막 출력 부분이 수정되었습니다. 대체 텍스트를 수정하여 자막을 나타내는 경우, 입력된 값은 title 속성으로 나타나고 alt 속성에는 태터툴즈 사용 언어의 대체 텍스트 기본 문구가 나타납니다.
  • 이미지 삽입시 html모드에서 title 속성을 직접 삽입하여 자막을 나타낼 수 있게 되었습니다. title 속성에 이미지 그룹 설정 구문 등이 있을 경우, 대체 텍스트 부분보다 title 속성의 부분을 먼저 참고합니다. title 속성을 추가했을 때에 대체 텍스트 부분도 수정했다면 대체 텍스트 부분은 그대로 유지됩니다.
  • Lightbox JS 2.0의 스크립트를 두개로 나눠서 처리하는 것을 통합하였습니다.

〃발견된 문제점
  • 본 플러그인용 gallery.js 을 덮어씌어서 사용할 경우, Lightbox Plus 사용시 이미지 갤러리에서 페이지를 넘긴 후 이미지를 클릭하면 확대/축소, 자막 출력 등이 되지 않는 문제가 있습니다. (페이지를 넘기지 않으면 정상 동작합니다.)
  • 댓글이나 방명록 글을 남길 때, 빈 폼 체크 혹은 EAS/필터링 체크 후 팝업창 알림 등이 제대로 되지 않습니다.
  • lightbox Plus 사용시 움직이는 GIF가 한번 화면에 표시되면, 그 페이지에서 다른 이미지를 클릭해도 이전의 GIF 파일이 표시됩니다.


Lightbox TT AZ 2.1에서 추가, 수정된 점 :
  • 태터툴즈 1.1에 맞춰서 태터툴즈 관리자 화면에서 환경설정을 하실 수 있습니다. 더 이상 파일 수정으로 환경 설정을 하실 필요가 없으며, 다중 사용자 모드에서도 각 사용자마다 다른 설정의 Lightbox를 사용하실 수 있습니다.
  • Lightbox JS 2.0의 리사이징 가능 버전이 추가되었습니다. 환경설정에서 선택하실 수 있습니다.
  • Lightbox JS 2.0을 사용할 때, 자동으로 포스트별 그룹화를 지원합니다. 환경설정에서 선택하실 수 있습니다.

본 플러그인은 Lightbox JS 1.0, Lightbox Plus, Lightbox JS 2.0, Litebox 2.0 의 스크립트와 그 외 이미지, CSS파일들을 포함하고 있습니다.

본 플러그인의 라이센스는 GPL 라이센스를 따릅니다.
PHP 스크립트를 제외한 자바스크립트들의 저작권은 각 자바스크립트의 라이센스에 따릅니다.

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

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

Litebox v1.0
A combined effort between detrate and gannon - http://www.doknowevil.net/litebox/

Lightbox Plus - Copyright (C) 2006 Takuya Otani/SimpleBoxes - http://serennz.sakura.ne.jp/
Copyright (C) 2006 SerendipityNZ - http://serennz.cool.ne.jp/snz/
Writer profile
author image
안녕하세요. '치리'라는 닉네임을 사용하는, 텍스트큐브를 사랑하는 유저 중 한 명입니다.
보잘것 없지만 플러그인을 조금 끄적이고 있습니다.

http://moonmelody.com
2011/04/27 17:47 2011/04/27 17:47
Rated 4.88/5 (97.5%) (8 Votes)
받은 트랙백이 없고   6개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/plugin/rss/response/658
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/plugin/trackback/658