애드온 프로그램 - 액티브 박스 v0.2.1 - 이미지 뷰어 라이브러리 모음

애드온 프로그램 자료실

글수 98

액티브 박스 v0.2.1 - 이미지 뷰어 라이브러리 모음

Dustwo

http://www.zeroboard.com/17006894

2008.07.03 00:56:22 (*.221.8.166)

30123

5 / -1

라이센스	LGPL
기타 라이센스	본 프로그램에 포함된 라이브러리는 각 제작자의 라이센스를 따릅니다. 그 외 애드온 프로그램은 GPL을 따릅니다.
적용 버전	정식버전(1.0이후)

# 특징

이 애드온은 본문에 삽입된 이미지를 아래의 라이브러리를 이용해서 보여주는 애드온입니다.
이 애드온에는 Greybox, Highslide, Lightbox, LightWindow, Lytebox, Lytebox MOD 1.3 라이브러리가 포함되어 있습니다.
또한 링크를 새창을 열지 않고도 페이지 내에서 iFRAME 을 이용해서 보여줍니다. (이미지에 걸린 링크만 적용됨)
한번에 하나의 라이브러리만 사용 가능하며 사용 설정은 '환경설정'에서 변경 가능 합니다.
클라이언트 상에서 자바스크립트를 이용해 처리되므로 서버 부하는 거의 없습니다.
이미지 전체가 아닌 컨텐츠 내의 이미지만 체크하도록 이미지 리사이즈 함수를 개선하였습니다.
Lytebox 는 Highslide 와 같이 이미지가 큰 경우 최대 브라우저 창 크기로 보여줍니다.
단점은 확대가 안됩니다. -_-
LightWindow, Lytebox, Lytebox Modification 은 iFRAME 을 지원합니다.
iFRAME으로 사이트를 구성하는 경우 이 라리브러리를 사용하면 iFRAME 내의 이미지를 전체 화면에 맞게 보여줍니다.
Lytebox Modification 버전은 Lyebox 의 장점을 그대로 가져오면서, EXIF 정보, 구글맵 연동, 추가정보 게제 기능이 추가되어 있습니다.
　
이전 버전과 달리 각 라이브러리의 기본 이미지를 쓸 경우 'js/*.init.js' 파일에서 이미지 경로를 따로 수정할 필요 없습니다.
또한 다른 이미지를 사용할 경우 제로보드 관리화면에서 '애드온 > 액티브박스 > 설정' 에서 변경 가능합니다.
단, 각 라이브러리의 스타일이나 보여지는 옵션은 각 스크립트 및 CSS 파일을 수정해야 합니다.

# 사용 라이브러리 및 미리보기

실제 적용 화면은 아래 사이트에서 확인하시길 바랍니다.

Greybox : http://orangoo.com/labs/GreyBox/
Highslide : http://vikjavev.no/highslide/
Lightbox2 : http://www.lokeshdhakar.com/projects/lightbox2/
LightWindow : http://stickmanlabs.com/lightwindow/
Lytebox : http://www.dolem.com/lytebox
Lytebox 3.22 Modification 1.3 : http://pavel.kuzub.com/lytebox/ , http://www.faszination-china.com/about_imaging_lytebox.php
Resize-image : http://www.zeroboard.com/ (본문내 이미지를 리사이즈 해주는 함수)

# 설치방법

다운로드 받은 파일들을 제로보드가 설치된 디렉토리에 압축을 풀면 자동으로 아래 경로로 설치가 됩니다.

- '액티브박스' 설치경로 : ./addons/activebox/
- 'Pel 라이브러리' 설치경로 : ./libs/pel-0.9.1/
- '이미지 추가' 컴포넌트 설치경로 : ./modules/editor/components/image_link/
　
참고: 각 파일은 제로보드 디렉토리를 기준으로 폴더가 압축되어 있습니다.

activebox.v0.2.0.for.zbxe.zip
    /addons/activebox
/addons/activebox/activebox.addon.php
    /addons/activebox/conf/info.xml
     ...생략...

# 다운로드

액티브박스 v0.2.1 (기본) : activebox.v0.2.1.for.zbxe.zip (537.3KB) [08-07-05]
액티브박스 v0.2.1 (전체) : activebox.v0.2.1.full.for.zbxe.zip (1.11MB) ~~[08-07-04]~~[08-07-05]

Lytebox Modification 라이브러리용 추가 다운로드
- 이 추가 다운로드는 Lytebox Modification 라이브러리를 사용하시는 분만 받으시면 됩니다.
- '전체' 버전에는 아래 라이브러리가 포함되어 있습니다.

Pel 라이브러리 : libs.pel-0.9.1.zip
- 설치경로 : ./libs/pel-0.9.1/
　
이 라이브러리는 Lytebox 3.22 Modification 버전을 위해 추가 되었습니다. 이 라이브러리는 이미지에서 EXIF 정보를 출력해주는 라이브러리입니다. 해당 라이브러리에 대한 자세한 정보는 이곳(http://pel.sourceforge.net/doc/)에서 확인하시기 바랍니다.
　
위지윅 에디터 이미지 추가 컴포넌트 : image_link.component.zip (6.69KB) ~~[08-07-04]~~[08-07-05]
- 설치경로 : ./modules/editor/components/image_link/tpl/
※ 빠진 image_link.class.php, ko.lang.php 파일 추가했습니다 ;;
　
위지윅에서 Lytebox MOD 를 위한 옵션을 선택할 수 있습니다.
단, 구글맵 GeoGPS 사용시 자신의 구글맵 API 키를 'activebox/lib.lytebox_cmod/tools/geoImg.php' 파일을 열고 입력해야 합니다.

# 환경설정 도움말

* "iFRAME 사용" 여부 설정에 대해서 - 자세히 보기

* "iFRAME 사용" 여부 설정

iFRAME 으로 구성된 사이트의 경우 프레임 안의 이미지를 브라우저 전체 크기로 볼 수 있습니다.
　
※ 주의사항
- 이 기능은 'LightWindow 2.0' 라이브러리만 지원 됩니다.
- Lytebox 는 이 옵션 설정에 상관없이 작동이 가능하고, 설정도 쉬우므로 가급적 iFRAME으로 구성할 경우 Lytebox 를 사용하시기를 권해드립니다.
- 이 기능에 대한 버그 리포팅은 답글로 해주세요.
- 아래의 코드 추가시 경로는 자신이 설치한 곳에 맞게 변경하세요.

iFRAME 을 제로보드에 사용시 메인 HTML 파일을 외부에 두거나 제로보드의 '페이지(또는 외부 페이지)' 모듈로 만들 수 있을겁니다. 보통 외부 페이지에서 호출 하는 방법으로 사용할 걸로 생각됩니다.
　

예) - index.html : 자신이 만든 HTML 파일(외부 또는 제로보드 '페이지' 모듈에 위치)
　 - 제로보드 게시판 : iframe 으로 index.html 안에 포함

수정해야 할 내용
Lytebox
1. index.html 파일(개인이 만든파일)에 아래 CSS 파일을 추가 합니다.
  만약 제로보드 '페이지' 모듈을 사용하여 작성할 경우 따로 추가하지 않아도 됩니다.
  
  <link rel="stylesheet" type="text/css" href="/addons/activebox/lib.lytebox/lytebox.css" />
  　
2. iFRAME 코드에 name 을 지정합니다. 지정이 안되어 있을 경우 제대로 작동하지 않습니다.
  예)
  
  <iframe name="zbxeMain" src="/?mid=gallery"></iframe>
  　
LightWindow
1. 제로보드의 기본 DOCTYPE 을 아래의 코드로 변경합니다.
  - 경로: /common/tpl/common_layout.html
  
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  　
2. index.html 파일(개인이 만든 파일)에 아래의 코드를 추가 합니다.
  만약 제로보드 '페이지'모듈을 사용할 경우 적지 않아도 됩니다.
  
  <link rel="stylesheet" type="text/css" href="/addons/activebox/lib.lightwindow/lightwindow.css" />
  <script src="/addons/activebox/lib.lightwindow/prototype.js" type="text/javascript"></script>
  <script src="/addons/activebox/js/lightwindow.init.js" type="text/javascript"></script>
  <script src="/addons/activebox/lib.lightwindow/effects.js" type="text/javascript"></script>
  <script type="text/javascript">
  var AB_ROOT_DIR='/addons/activebox/lib.lightwindow/images/';// 라이브러리가 위치한 경로
  </script>
  <script src="/addons/activebox/lib.lightwindow/lightwindow.js" type="text/javascript"></script>
  　
3. 환경설정에서 'iFRAME 사용'으로 체크합니다.

# 액티브박스 활용

* 겔러리 스킨에서 미리보기 이미지 누르면 원래 이미지 보여주기

Highslide 를 예로, 애드온에서 Highslide 를 사용으로 해두었다면 1번, 2번은 건너뛰어도 됩니다.

레이아웃에 아래 파일을 추가해줍니다. (아래 순서대로)
경로는 자신이 설치한 것에 맞게 수정해주면 됩니다.

<link rel="stylesheet" type="text/css" href="/addon/activebox/lib.highslide/highslide.css" />
<script type="text/javascript" src="/addon/activebox/lib.highslide/highslide-with-html.packed.js"></script>
<script type="text/javascript" src="/addons/activebox/js/highslide.init.js"></script>
　
레이아웃 본문에 아래 <DIV> 레이어를 추가해 줍니다.

<div id="controlbar" class="highslide-overlay controlbar">
<a href="#" class="previous" onclick="return hs.previous(this)" title="Previous (left arrow key)"></a>
<a href="#" class="next" onclick="return hs.next(this)" title="Next (right arrow key)"></a>
<a href="#" class="highslide-move" onclick="return false" title="Click and drag to move"></a>
<a href="#" class="close" onclick="return hs.close(this)" title="Close"></a></div>
　
최신글 스킨과 게시판의 겔러리 스킨에서 섬네일의 링크에 아래 코드를 추가해주세요.
(예: style.gallery.html)
※ 이 경우 '파일 다운로드'시 점수가 책정되어 있으면 글목록시 해당 점수가 차감 또는 증감이 되버립니다.
　 따라서 당분간 파일 다운로드 점수를 0 으로 설정하고 사용하시기 바랍니다.
　

[변경전]
<a href="{getUrl('document_srl',$document->document_srl,'listStyle',$listStyle, 'cpage','')}"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" border="0" alt="" class="thumb"/></a>

[변경후]
{@ $uploaded_list = $document->getUploadedFiles()}
<a href="{$uploaded_list[0]->download_url}"
id="thumb1" class="highslide" onclick="return hs.expand(this)"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" border="0" alt="" class="thumb"/></a>
　
id 값은 고유해야 하므로 id="list_thumb{$no}" 또는 id="latest_thumb{$no}" 등과 같은 형식으로 적으면 됩니다.

# 환경설정 화면

# 사용시 주의사항

이 애드온에 포함된 자바스크립트 라이브러리의 라이센스는 각 라이브러리 개발자에게 있습니다다.
따라서, 이 애드온을 이용하여 상업적인 사이트를 구축할 경우, 해당 개발자가 제시하는 라이센스를 참고하셔서 구입하시기 바랍니다.
개인적인 용도로 사용할 경우 개발자가 제시하는 내용을 지키는 한도 내에서 무료로 사용할 수 있습니다.
다른 이미지 뷰어 애드온 또는 이미지 조절 애드온과 함께 사용하지 마세요.

# 업데이트 내용

0.2.1 08-07-05

수정: Lytebox 에서 문제가 생기는 초기화 문제 수정 -> 초기화 함수 통일

수정: LightWindow 의 '로딩 이미지' 경로 문제 수정

추가: '이미지 추가' 컴포넌트 빠진 파일들 추가

수정: '이미지 추가' 컴포넌트 Lytebox 설정이 제대로 작동안되는 문제 수정

수정: pel-exif.php 경로 문제 수정

0.2.0 08-07-03

추가: LightWindow 2.0 라이브러리 ([w] http://stickmanlabs.com/lightwindow/)
                호환: Firefox/IE6/IE7/Safari3/Opera & Mac Firefox/Safari/Opera/Netscape
            - iFRAME 지원
            - 페이지 내 모든 이미지 그룹별 보기 지원
추가: Lytebox 3.22 라이브러리 개인수정 버전 추가
                ([w] http://pavel.kuzub.com/lytebox/
                 [w] http://www.faszination-china.com/about_imaging_lytebox.php)
            - iFRAME 지원
            - EXIF 정보 지원
            - 구글맵 GeoGPS 연동 지원
추가: Lytebox 3.22 MOD 에서 Exif 를 위한 'Pel' 라이브러리 추가
(기존 코드가 사용에 제한적인것 같아 제한이 없는 라이브러리를 추가 했습니다.)
추가: Lytebox 3.22 MOD 를 위한 위지윅 에디터 이미지 추가 컴포넌트 지원(Lytebox 3.22 MOD 만 가능)
(editor.image_link.tpl.for.ActiveBox.zip)
수정: LightWindow 2.0 - effects.js - 1.8.1 버전으로 교체
수정: lightwindow.js - IE6과 IE7에서 이미지가 찌그러져 보이는 버그 수정, 그외 몇몇 버그 수정
                 http://discuss.stickmanlabs.com/forums/2/topics/277
                  http://discuss.stickmanlabs.com/forums/2/topics/809
                  http://discuss.stickmanlabs.com/forums/1/topics/623
수정: 라이브러리와 이미지 파일의 경로를 '애드온 설정'에서 변경할 수 있도록 수정
수정: 라이브러리 기본 이미지를 사용할 경우 자바스크립트 파일을 변경할 필요 없도록 개선
수정: *.init.js - setAttribute() 대신 바로 속성을 지정하도록 수정
수정: resize_image.js - 이미지 그룹을 지정하기 위한 고유 아이디 추출 루틴 개선
수정: activebox.addon.php - 코드를 개선하여 제로보드가 스크립트 파일을 캐싱 할 수 있도록 개선

0.1.3    08-06-17
0.1.2    08-06-17
0.1b     08-06-09

이 게시물을..

엮인글 주소 : http://www.zeroboard.com/17006894/008/trackback

2008.07.03 01:52:02 (*.234.94.29)

bncPlan

엄청 고맙습니다.
추천 한방날립니다

2008.07.03 09:15:50 (*.129.170.157)

MustLuv™

감사합니다.

2008.07.03 19:19:22 (*.76.95.137)

느까끼

본문 고유 아이디 "설정"이 이해가 안됩니다.
좀 자세히 설명좀 해주세요.
설명해놓은 그곳이 어디죠?
페이지를 말하나요?? 페이지에는 div 객체가 없는데.....
전혀 적용이 안되네요?
페이지도 게시판도

2008.07.03 20:42:55 (*.221.8.166)

Dustwo

애드온 설정 창을 열면 '[?] ~ 자세히 보기' 를 누르면 설명이 나옵니다.
또한, 본문 고유 아이디는 적지 않아도 작동이 됩니다. 다만 적게 되면 좀 빨라지긴 하고...

아무튼, 설정하기 위해서는 사용하고 있는 스킨에서 view_document.html 와 comment.html 파일을 열어서 해당 아이디를 확인 또는 수정을 하면 됩니다. (또는, 이외 이미지의 리사이즈가 필요한 파일들...)

[경로]
글본문 : /modules/board/skins/[스킨명]/comment.html
코멘트목록 : /modules/board/skins/[스킨명]/view_document.html

comment.html 파일은 코멘트 목록을 출력하는 스킨파일인데, 이곳에서 제일 처음 나오는 DIV 객체의 ID를 적으면 됩니다. 없다면 id="[아이디명]" 을 추가합니다.

view_document.html 파일에서는 파일 내용중에서 아래 내용이 있는 부분의 DIV 객체의 ID를 적으면 됩니다. 마찬가지로 없다면 id="[아이디명]" 을 추가합니다. 아래 내용과 똑같지는 않더라도 {$oDocument->getContent()} 가 들어있는 DIV 객체의 ID를 적으면 됩니다.

[예]
<div id="DocumentContent" class="contentBody">
{$oDocument->getContent()}
</div>

2008.07.03 23:14:34 (*.91.49.245)

우유가짱

위지윅 이미지 추가 컴포넌트 설치가 되었는지,, 사용법은 어찌되는지 잘모르겠네요,,ㅠㅠ

2008.07.04 00:30:52 (*.221.8.166)

Dustwo

음..; 내용들을 나름대로 자세히 쓰기는 했는데, 그 부분은 빼먹었네요;

위 파일을 설치하면, 글 작성시 이미지 추가를 누르면 창이 뜨는데 여기서 옵션을 선택할 수 있습니다.

설명(제목) : 이미지 테그의 alt="" 또는 title="" 에 표시되는 내용으로 간략한 설명을 적을 수 있습니다.
설명(상세한 정보) : 이미지 뷰어 라이브러리에서 표시될 내용으로 여러줄의 내용을 적을 수 있습니다.
정보 표시 여부 : 위 상세한 정보를 이미지를 봤을때 바로 보여주는지, 따로 정보를 가르켜야 볼 수 있는지 선택합니다.
상세한 정보에 설명(제목) 같이 표시 : 위 상세한 정보 위에 설명(제목)의 내용을 같이 표시할 수 있습니다.
EXIF 정보 표시 : 말 그대로 EXIF 정보 표기 입니다. 없을 경우 없다는 메시지가 나옵니다.
구글맵 GeoGPs 연동 : 구글맵 API 키를 얻고 사이트 관리자가 이 키를 등록해야 사용 가능합니다. 이 기능은 테스트 해보지 못했습니다만, 이미지 헤더 정보에 기록된 위도와 척도로 구글맵에서 위치를 바로 보여줍니다. (테스트 해보신분 결과좀 알려주세요.-_-; 일단 제작자가 배포한 그대로 파일이 있습니다.)

EXIF 정보 보기는 pel 라이브러리를 이용해서 제가 따로 고생하며 만들었습니다-_-;;

2008.07.04 04:03:36 (*.50.78.129)

주박사

상당히 좋은 기능을 열심히 해득하여 여러 사람에게 알려주니 감사합니다.
그러나 어떻게 사용하는지에 대한 설명이나 예시가 없어서 아쉽습니다.
애드온을 사용함으로 하고, 사용할 모듈을 선택하고
그리고 설정 창에 div id= 에서 id 값을 쓰라고 하는데 제로보드 기본 모듈의 스킨의 view_document.html 에는 div id가 없습니다.
div class 만 있습니다. 그래서 div id 값을 만들어 넣고 고유아이디 부분을 설정하였습니다.

그런데 글 작성시 이미지 추가를 클릭하면 창이 떠서 옵션을 설정할 수 있다고 말씀하시는데
이미지 추가를 클릭하면 제로보드 기본 이미지 추가가 열립니다.
다른 설정 내용이 있는지 다시 한 번 확인 부탁드립니다.

2008.07.04 19:23:24 (*.221.8.166)

Dustwo

풀버전 또는 이미지 링크 수정 파일을 설치 경로에 압축해제를 하면 설치가 됩니다.
이미지 링크 수정 파일은 템플릿(스킨) 파일을 수정한 것이라 설치 경로는 아래와 같습니다.

언어파일 : ./modules/editor/components/image_link/lang/
스킨파일 : ./modules/editor/components/image_link/tpl/

DIV 객체에 ID 를 적어주시는 것은 애드온 설정화면에서 가능하고, 위지윅 에디터에서 이미지 추가 하는것은 별개입니다.
제가 처음 올리면서 언어파일을 빼먹어서 '이미지 추가' 화면에서 각 항목명이 보이지 않는건 이 문제 때문입니다.;

이미지 추가 - 버그 [언어파일이 빠진 문제;]

옵션이 안보인다는게 이 때문인것 같아보이는데, 아래 파일을 받아서 시도해 보세요.

수정되었습니다. 아래 링크의 파일을 받아서 '제로보드가 설치된 디렉토리'에 압축해제 하시면 됩니다.

이미지 추가 컴포넌트 (수정본) : image_link.component.zip (6.69KB)

2008.07.04 08:51:17 (*.74.64.124)

우유가짱

익스7사용하는데,, 익스7에서는 라이브러리를 제대로 불러오지 못하는거 같은데
제 설정이 잘못된것인지,,
아이프래임관련 사용은 전부 사용안함으로 바꾸고 라이트박스 mod로 하였는데 안됩니다. lytebox류는 다 안되네요,,

파이어폭스3에서는 정상작동합니다.

하지만,, 익스7이나 파폭3이나 이미지링크애드온이 정상적으로 나오지않습니다..
추가적인 메뉴가 생긴거 같지만,, 사용할 수 없네요,,

http://www.xpland.net/home/2315

2008.07.04 21:37:04 (*.221.8.166)

Dustwo

음; 저도 IE7 을 쓰는지라 나름대로 테스트를 완벽히 했다고 했는데 문제가 있군요! 제보 감사합니다.

글작성이나 수정 등의 작업을 하고 난 뒤에 이런 문제가 생기는군요. 자바스크립트 파일이나 작동은 문제 없이 되긴 합니다만, 어디서 문제가 생기는지 모르겠군요. -_-;
일단 원인 파악 중에 있습니다. 조만간 패치를 올릴께요.

2008.07.05 01:39:17 (*.221.8.166)

Dustwo

0.2.1 버전에서 수정되었습니다.
아래 파일을 골라서 받으시면 되고, 전체 버전이 아닌 다른 파일을 받을 경우 '이미지 추가' 컴포넌트는 따로 설치하셔야 합니다.

액티브박스 v0.2.1 (기본) : activebox.v0.2.1.for.zbxe.zip (537.3KB) [08-07-05]

액티브박스 v0.2.1 (패치) : activebox.v0.2.1-patch.zip (29KB) [08-07-05]

액티브박스 v0.2.1 (전체) : activebox.v0.2.1.full.for.zbxe.zip (1.11MB) ~~[08-07-04]~~[08-07-05]
　

위지윅 에디터 이미지 추가 컴포넌트 : image_link.component.zip (6.69KB) ~~[08-07-04]~~[08-07-05]

2008.07.04 16:27:33 (*.140.100.42)

리올

좋은 애드온 감사드립니다....

친절한 설명두 감사드립니다...

일단 써보러.....

2008.07.04 22:59:15 (*.50.78.129)

주박사

Dustwo 님 새로운 설명 감사합니다.
이제 정상적으로 됩니다.
그러나 처음 이 글을 읽는 사람은 어떻게 하라는지 복잡하겠네요.
산뜻하게 설명이 되었으면 바램입니다.
그래서 처음 이 글을 읽는 분을 위해서 제가 정리해드립니다.
Dustwo 님의 본문에 올린 엑티브 박스(기본 )을 다운 받아 올립니다. (기본이든 전체든 관계 없습니다,)
또 이번에 다시 올린 위지윅 에디터 이미지 추가 컴포넌트의 화일을 올립니다.
제로보드 기본 모듈의 스킨의 view_document.html 에는 div id가 없습니다. div class 만 있습니다. 그래서 div id 값을 추가해서
수정해야 합니다.
다음에 제로보드 에드온에 가서 액티브박스를 활성화 하고, 위의 설명에 따라 설정을 하고
가장 중요한 것은 애드온의 항목 중 '제로보드 본문내 이미지 조절에드온'을 미사용으로 해야 합니다
그러면 이상 없이 잘 될겁니다. 저는 IE7.0 입니다.

감사합니다 좋은 애드온 잘 쓰겠습니다.

ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ

이 애드온과 달리 제로보드에 왜 이미지 추가라는 컴포넌트 아이콘이 무슨 기능을 하는지 모르겠습니다.
이미지 추가가 열리면 경로를 쓰게 되어 있는데 본문에 화일을 첨부한 후에
그 화일의 경로를 알기가 쉽지 않습니다.

그러하니 위의 좋은 애드온을 사용하려고 해도 이미지를 링크로 걸어서 쓰라는 것인데 .....
제 생각에는 '이미지 추가' 컴포넌트에 관한 부분은 파일 첨부를 한 후에 '본문 삽입'이 있어 중복되는 부분이며
'본문 삽입'과 달리 크기, 위치 조절을 목적으로 '이미지 추가' 컴포넌트가 있는 것이라면
파일첨부로 올려진 화일의 주소를 쉽게 알 수 있는 방법이 필요하겠다고 제로님에게 말씀드립니다.

2008.07.04 23:58:44 (*.221.8.166)

Dustwo

통합 애드온이라서 워낙 설명해야하는 부분이 많고, 제가 제대로 정리 해서 설명드리지 못해서 이해하기가 쉽지 않았던것 같네요;
추가 설명 감사합니다. :)

저도 주박사님과 같이 위지윅 에디터에서 업로드한 파일의 경로나 원래 이름을 알기가 그리 쉽지 않아서 이 점은 개선이 필요하다고 생각합니다.

아무튼, 이미지 추가 컴포넌트는 [본문에 삽입] 한뒤에 더블클릭하면 해당 이미지의 정보가 열립니다. 거기서 편집할 수 있습니다.
따로 이미지 추가를 눌러 추가하는 경우 외부 이미지를 추가가 가능하고요.

2008.07.07 13:35:21 (*.169.87.4)

지난 버전에 이어 잘 쓰겠습니다 :)

그리고 본문 내 이미지 조절 애드온은 미사용하지 않고 모듈이 겹치지만 않으면 동시에 2가지다 사용할 수 있습니다

2008.07.08 14:08:31 (*.162.58.52)

smico

http://stickmanlabs.com/lightwindow/
이 페이지의 미디어(Media Movies, Flash, PDF's... just link directly to the file!)쪽은 어떻게 설치 합니까?
zip파일을 다운로드 받아 보았는데 .js 파일등이 없고 해당 페이지에 설치 메뉴얼도 없어서...

좀 가르쳐 주실수 있습니까?

2008.07.08 19:03:52 (*.221.8.166)

Dustwo

위 사이트 가면 아시겠지만, 'HOW TO USE' 를 보면 각 상황에 맞게 어떻게 서야하는지 적혀 있습니다.

예를들면 동영상들의 경우 아래와 같이 적습니다.
<a href="http://images.apple.com/movies/newline/the_number_23/the_number_23-tlr1_h.640.mov" class="lightwindow" params="lightwindow_width=640,lightwindow_height=290" >Link Name</a>

플래쉬일 경우
<a href="gallery/header.swf?You-could-put-a-GET-string-here-for-your-flashvars" class="lightwindow" params="lightwindow_width=800,lightwindow_height=345" title="Preview: Doesn't your masthead look perdy?" >Link Name</a>

링크를 잘 보면 class 와 params , 그리고 href 링크를 잘 적어주면 끝입니다.
params 에는 아래의 옵션들이 들어갈 수 있습니다.

lightwindow_width // Width of window
lightwindow_height // Height of window
lightwindow_show_images // Number of images to show at once in a gallery, by default its 1, but this can be handy for say a Before and After Gallery
lightwindow_top // Set as an Integer to be spaced from the Top
lightwindow_left // Set as an Integer to be spaced from the Left
lightwindow_type // Specify the type the window should be treated as i.e. page, external, image, media, inline
lightwindow_loading_animation // Set to false to opt to not fade out the Loading Cover
lightwindow_iframe_embed // To embed media into a media into an iframe rather than just into a div
lightwindow_form // The name of the form

2008.07.08 19:54:53 (*.162.58.52)

smico

친절한 설명 감사드립니다, 파일 다운로드시 문제가 발생했었네요, 그래서 일부 파일(폴더)들이 다운로드 되지 않았었습니다.

2008.07.12 02:55:46 (*.116.145.96)

페이지위즈

최고의 애드온이 아닐까 생각합니다.. Dustwo님 다시한번 감사의 말씀 드립니다..

2008.07.16 16:09:50 (*.160.135.112)

안녕하세요? ^^
한가지 궁금한게 있습니다.

이미지 클릭시 사운드효과를 주려면 어떻게 해야 하나요?
찰칵... 하는 사운드 효과...

2008.07.19 04:14:41 (*.221.8.166)

Dustwo

소리를 넣으려면 따로 멀티미디어 컴포넌트를 컨트롤 해줘야 합니다.
자세히는 저도 해보지 않아서 확언은 해드리기 어렵습니다만, 몇가지 설명 드리자면...

mp3 나 wav, asf 같은 파일을 업로드 하고
　
<embed 로 컴포넌트를 페이지 내에 추가한뒤에
　
액티브박스의 *.init.js 파일에 보면

function ActiveBox_addAttributesToAnchor_Html()
function ActiveBox_modifyAttributesToAchor_Img()

함수에서

A.onclick = function() { /* 코드 */ };

부분에서 '코드' 부분에 멀티미디어 컴포넌트의 소리를 재생하는 코드를 넣어주면 됩니다.

예로 보통은...

A.onclick=(function(){return hs.expand(this)});

이렇게 되어 있는데, return 이전에 코드를 넣어주면 됩니다.

A.onclick=(function(){ /* 코드 */ return hs.expand(this)});

멀티미디어 컴포넌트에 관해서는 따로 검색하셔서 추가하시면 됩니다.

이외에는 따로 플래쉬를 이용하는 방법이 있습니다만,
어려운건 이거나 저거나 매한가지 똑같습니다;

2008.07.19 18:31:38 (*.128.156.240)

답변 감사합니다.
관련자료를 찾아 보아야 겠네요...
즐거운 주말 되세요. *^^*

2008.07.23 14:50:24 (*.114.22.74)

bcpt

아 감사합니다. 잘 적용 해서 쓰고 있습니다... 라이센스만 건딜지 않고 다른 부분을 수정해서 사용해도 괜찮겠죠?

2008.07.24 22:37:01 (*.216.90.74)

와~ 정말 감사합니다. 깔끔해서 보기 좋습니다... 잘사용하겠습니다~~

2008.08.23 01:48:35 (*.116.76.185)

참아봐

EXIF보기하면 아래와 같은 메세지가 나오네요ㅜㅜ

Parse error: syntax error, unexpected ')', expecting '(' in /home/hosting_users/smn2008/www/zbxe/addons/activebox/lib.lytebox_cmod/tools/pel_exif.php on line 61

2008.09.21 23:17:19 (*.237.88.23)

Dolmey

좋은 애드온 감사 합니다 천지회 홈피에 적용된것 물어보고 오늘에야 알았습니다.

2008.10.29 04:54:34 (*.126.136.57)

제로왕초보2

안녕하세요 너무도 좋은 애드온을 만들어주셔서 감사를 드립니다.

질문이 하나 있는데요, 이 애드온은 Safari에서도 잘 동작을 하나요?
제가 윈도즈용 사파리에서 highslide를 해본 결과 동작을 하지 않아서 질문을 드립니다.
ie와 firefox에서는 동작을 합니다.

감사합니다.

번호	제목		글쓴이	조회수	추천수	날짜
공지	애드온 프로그램 자료실			146908		2007-08-12
98	환율 계산기 [수정6] 7		misol	1734	2	2008-11-15
98	[xu:krw]1000[/xu] 와 같은 형식으로 입력하면 1000원에 대응하는 다른나라 통화를 볼 수 있게 해줍니다. [xu:krw]1000[/xu]라고 입력하면 링크가 생성됨. [xu:통화명(알파벳3글자)]액수(숫자로만)[/xu]의 형식. ...
97	xHTML 마크업 보정기 3		misol	1124		2008-11-14
97	실험하고 있는 건데요. 써 보실분 써보세요..주의사항 : 문서가 이상해질 수 있음..설정 메뉴에서 마크업 강제 맞춤을 하면 시작태그 끝 태그를 강제로 맞춘다...soo_html.zip soo_html.tgz
96		UCCUp 애드온 v1.6 - YouTube 만들기 15	송송이이	1905		2008-11-13
96		본 UCCUp 애드온은 제로보드XE와 UCCUp for Hosting(이하 UCCUp)과의연동을 위한 애드온입니다. 본 애드온으로 자신만의 YouTube UCC를 만들 수 있습니다. 애드온 적용하시고 게시판 스킨을 자유롭게 수정하셔서 사용하시면 됩...
95		Cooliris PicLens 애드온 v1.0.3 [수정] 32		2720	3	2008-11-08
95		버그 & 개선2008.11.09 20:00 ... v1.0.3- 자체 실행에서 모듈 호출이 아닌 변수 호출로 변경- 출력 대상 모듈 입력 시 선택 모듈의 값이 없이 전체로 보여지는 문제 개선- 특문, 공백 등의 이유로 인한 섬네일 처리 문제...
94		UCCUp 애드온 v1.5 - YouTube 만들기 21	송송이이	2964		2008-10-29
94		본 UCCUp 애드온은 제로보드XE와 UCCUp for Hosting(이하 UCCUp)과의연동을 위한 애드온입니다. 본 애드온으로 자신만의 YouTube UCC를 만들 수 있습니다. 애드온 적용하시고 게시판 스킨을 자유롭게 수정하셔서 사용하시면 됩...
93		단축키 애드온 0.98 (게시판 단축키 지원) 10	findwind	1943	5	2008-10-25
93		[ 기 능 ]1. 게시판 단축키를 지원합니다. (목록보기, 글쓰기, 최근글, 이전/다음글, 이전/다음 목록 )2. 페이지 이동 단축키를 지원합니다.3. 다양한 단축키로 페이지 이동할 수 있습니다. (0.97버전에서는 브라우저 단축키...
92		타이틀 제어 애드온 v1.5 8		2233	1	2008-10-24
92		타이틀 제어 애드온 v1.5안녕하세요? SMaker입니다.오랜 만의 업데이트네요.본 애드온은 제로보드XE의 타이틀을 자신이 원하는 데로 표시해 줄 수 있게 해주는 애드온입니다.기존 브라우저 타이틀 애드온에서 타이틀 제어 애드온으로...
91		특정 IP 접근 허용,차단 애드온 입니다. (1.0.6) 20		2426	2	2008-10-21
91		v1.0.6 부터 제대로 안되길래 업데이트 했습니다.아래 내용을 참고하시어 설치/운영 하시기 바랍니다.IP검사방식을 zeroboard4에서 따다가 애드온으로 만들었습니다.위 옵션처럼 차단으로 사용할지 접근으로 사용할지 선택 가능합니다....
90		UCCUp 애드온 v1.3 - YouTube 만들기 16	송송이이	2123		2008-10-20
90		본 UCCUp 애드온은 제로보드XE와 UCCUp for Hosting(이하 UCCUp)과의연동을 위한 애드온입니다. 본 애드온으로 자신만의 YouTube를 만들 수 있습니다. 애드온 적용하시고 게시판 스킨을 자유롭게 수정하셔서 사용하시면 됩니다. 기...
89		실시간 새글 및 댓글 알림 애드온 Pica v2.79 24	퍼니온	4594	2	2008-10-07
89		캐릭터 개인비서 Pica 의 실시간 알림기능을 제로보드(ZBXE)와 연동한 애드온 입니다. Pica는.. Personal Intelligent Character Agent의 약자로 관심 뉴스 전달, 지인 또는 관심 블로그 새글 알림, 일정관리, 메모, ...
88		스크랩 금지 애드온 ver 0.9 (2008-10-25 xml파일 수정) 10	misol	3453	6	2008-10-04
88		수정 : 잘못 삭제한 부분 추가. 중국어 깨진 부분 복구.수정 : info.xml에 필요 없는 mid선택 부분 남아 있던 것 삭제.1.0.5버전 이상에서 정상 작동합니다. (xml업데이트)기능추가 : 특수키 차단 안하기 추가.개선 : 제외그룹...
87		자동 출처 표시 애드온 ver 0.2 (수정2008. 12. 1) 12	misol	9023	2	2008-08-31
87