Moon Melody

검색어 '텍스트큐브(태터툴즈) 플러그인/Lightbox'에 대한 5 개의 검색 결과

« Prev : 1 : Next »

Lightbox TT AZ 를 공개합니다.

2006/11/11 23:09 / 텍스트큐브(태터툴즈) 플러그인/Lightbox

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

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

Lightbox TT AZ 2.22x은 텍스트큐브 1.5 이상에서 정상 동작합니다. 텍스트큐브 사용자께서는 2.22x을 받아 주세요.

Lightbox TT AZ 2.210은 태터툴즈 1.1 이상에서 정상 동작합니다. (텍스트큐브에서는 동작하나 문제가 있을 수 있습니다.)

다운로드 주소 : http://www.textcube.org/plugin/658

과거 Lightbox TT 플러그인의 소개 페이지입니다.
Lightbox TT : http://moonmelody.com/tt/entry/태터툴즈-10용-Lightbox-플러그인
Lightbox TT MX : http://moonmelody.com/tt/244

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을 사용할 때, 자동으로 포스트별 그룹화를 지원합니다. 환경설정에서 선택하실 수 있습니다.

설치 방법 - 펴기

사용 방법 - 펴기

사용 방법 :

이미지를 추가하실 때(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 플러그인이 동작하질 않습니다.
-> http://www.tattertools.com/ko/bbs/view.php?id=plugin&no=250 을 참고해 주세요.

기타 의문사항, 문제점, 건의사항 등이 있으시면 이 포스팅에 댓글로 남겨주시면 감사하겠습니다.

본 플러그인은 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/

치리 이 작성.

TAGS LightBox, 태터툴즈, 플러그인

1 개의 트랙백 , 13 개의 댓글

태터툴즈 1.1에 맞춘 Lightbox TT 환경설정

2006/07/27 01:34 / 텍스트큐브(태터툴즈) 플러그인/Lightbox

현재 개발중인 태터툴즈 1.1에 새로이 플러그인 설정 API가 추가되었습니다.
예전부터 워낙에 있었으면 하는 기능이어서 대 환영!

그래서 대략 Lightbox TT의 환경설정 부분을 태터 1.1에 맞게 옮겨 보았습니다.
환경설정을 테스트하면서 만들어서 가끔씩 유니크한 타임에 접속한 분들은 Lightbox가 유니크하게 동작하는 모습을 보셨을지도 모르겠습니다.

배치가 지저분한건 아직 디자인쪽은 제대로 만들지 않았기 때문이라고 합니다.

대충 이런 느낌

아 설정 변경한 Lightbox가 실시간으로 바뀝니다. 감동 감동 ㅠㅠ
8월쯤에 나올 태터툴즈 1.1 정식버전이 기대되는군요. 태터툴즈 파이팅!

...어찌어찌 이거보다 좀 더 길게 적었었는데, 샌드박스버전 태터 1.1의 버그때문에 홀랑 날렸습니다. ...이게 세번째.ㅠㅠ 이미지 업로드한걸 클릭하거나 닿기만 하면 익플 에러가 떠 버리니.. (FF에서는 그럭저럭 되지만)

바라는게 있다면 환경설정 부분 말고 플러그인에서 동작하면서 직접 쓰고 읽는 직접적인 데이터를 저장할 공간도 마련해 주었으면 싶군요. 각 플러그인에서 개별 테이블을 만들수도 있겠지만 아무래도 정식으로 있으면 더 좋을거같고.. (그런데 플러그인 비활성화를 하면 아예 설정데이터가 사라지는 현재 시스템에서는 추가되지 않을 가능성이 더 많아 보이는군요.)
그리고 하나 더 적자면 플러그인 자체에서 여러가지 화면(예:리퍼러 데이터에서 검색 키워드 순위를 계산하여 출력하는 공간)을 출력할 수 있는 수단이 있었으면 싶군요. 그런데 이건 아무래도 전체 관리자 화면과의 통일성이 떨어질 듯 싶으니..

치리 이 작성.

TAGS LightBox, 태터툴즈

트랙백이 없습니다 , 댓글이 없습니다

태터툴즈 1.0용 플러그인 Lightbox TT MX 2.0 을 공개합니다.

2006/07/16 20:14 / 텍스트큐브(태터툴즈) 플러그인/Lightbox

~~※ 다운로드는 태터센터 플러그인란 - 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-플러그인~~

혹시라도 텍스트큐브용 Lightbox 플러그인을 사용하실 분이라면 http://moonmelody.com/tt/entry/LightboxTTAZmanualNqna 를 참고 바랍니다.

별로 업데이트를 많이 할 필요도 없는 플러그인인데 어쩌다보니 또 내놓는군요.
어쨌든 또 나왔습니다. 기본적으로 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를 수동으로 사용하실 수도 있습니다.

이런 식으로 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

치리 이 작성.

TAGS LightBox, 태터툴즈, 플러그인

트랙백이 없습니다 , 댓글이 없습니다

태터툴즈 1.0용 플러그인 Lightbox TT EX를 공개합니다.

2006/04/07 21:44 / 텍스트큐브(태터툴즈) 플러그인/Lightbox

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

~~이전에 공개했던 Lightbox TT의 버전업입니다.~~
~~이전 버전 : http://mahodou.pe.kr/tt/entry/태터툴즈-10용-Lightbox-플러그인~~

혹시라도 텍스트큐브용 Lightbox 플러그인을 사용하실 분이라면 http://moonmelody.com/tt/entry/LightboxTTAZmanualNqna 를 참고 바랍니다.

사실 Lightbox 스크립트 자체는 변하지 않았고, 이전 버전에서는 js,css 파일과 이미지 파일 주소를 직접 변경해줘야 했던 부분을 완전한 stand-alone이 되도록 수정했습니다.
stand-alone이 됨과 동시에, RSS피드로 블로그가 읽혀졌을 때에도 Lightbox가 작동되게 되었습니다. (단 리더기에 따라서 작동하지 않는 경우도 있습니다.)
RSS 리더기에서 Lightbox가 제대로 동작하지 않을 경우에 대비해서 A태그의 target값에 _blank를 주었습니다.
또 이전 버전에서 RSS리더기에서 이미지를 클릭 시 제대로 나오지 않는 부분을 고쳤습니다.

그리고 이미지 갤러리에서 Lightbox의 작동을 원하시는 분들을 위해서 수정된 gallery.js 파일을 함께 포함시켰습니다.

설치방법