애드온 프로그램 자료실
| 라이센스 | 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' 파일을 열고 입력해야 합니다.
# 환경설정 도움말
# 액티브박스 활용
# 환경설정 화면
# 사용시 주의사항
- 이 애드온에 포함된 자바스크립트 라이브러리의 라이센스는 각 라이브러리 개발자에게 있습니다다.
- 따라서, 이 애드온을 이용하여 상업적인 사이트를 구축할 경우, 해당 개발자가 제시하는 라이센스를 참고하셔서 구입하시기 바랍니다.
- 개인적인 용도로 사용할 경우 개발자가 제시하는 내용을 지키는 한도 내에서 무료로 사용할 수 있습니다.
- 다른 이미지 뷰어 애드온 또는 이미지 조절 애드온과 함께 사용하지 마세요.
# 업데이트 내용
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
- libs.pel-0.9.1.zip (596.8KB)(110)
- activebox_configuration.jpg (75.4KB)(56)
- modules.editor.image_link.for.Activebox.zip (7.4KB)(60)
- activebox.v0.2.1-patch.zip (28.6KB)(72)
- image_link.component-patch.zip (6.7KB)(55)
- image_link.component.zip (6.7KB)(106)
- activebox.v0.2.1.for.zbxe.zip (537.4KB)(77)
- activebox.v0.2.1.full.for.zbxe.zip (1.11MB)(163)
- ActiveboxLogo.v0.2.1.jpg (5.1KB)(8)
2008.07.03 19:19:22 (*.76.95.137)
![[레벨:8]](./modules/point/icons/default/8.gif "포인트:5995point (82%), 레벨:8/30"){kind=icon}
느까끼
본문 고유 아이디 "설정"이 이해가 안됩니다.
좀 자세히 설명좀 해주세요.
설명해놓은 그곳이 어디죠?
페이지를 말하나요?? 페이지에는 div 객체가 없는데.....
전혀 적용이 안되네요?
페이지도 게시판도
좀 자세히 설명좀 해주세요.
설명해놓은 그곳이 어디죠?
페이지를 말하나요?? 페이지에는 div 객체가 없는데.....
전혀 적용이 안되네요?
페이지도 게시판도
2008.07.03 20:42:55 (*.221.8.166)
![[레벨:3]](./modules/point/icons/default/3.gif "포인트:1355point (94%), 레벨:3/30"){kind=icon}
Dustwo
애드온 설정 창을 열면 '[?] ~ 자세히 보기' 를 누르면 설명이 나옵니다.
또한, 본문 고유 아이디는 적지 않아도 작동이 됩니다. 다만 적게 되면 좀 빨라지긴 하고...
아무튼, 설정하기 위해서는 사용하고 있는 스킨에서 view_document.html 와 comment.html 파일을 열어서 해당 아이디를 확인 또는 수정을 하면 됩니다. (또는, 이외 이미지의 리사이즈가 필요한 파일들...)
[경로]
글본문 : /modules/board/skins/[스킨명]/comment.html
코멘트목록 : /modules/board/skins/[스킨명]/view_document.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>
<div id="DocumentContent" class="contentBody">
{$oDocument->getContent()}
</div>
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)
![[레벨:2]](./modules/point/icons/default/2.gif "포인트:780point (96%), 레벨:2/30"){kind=icon}
주박사
상당히 좋은 기능을 열심히 해득하여 여러 사람에게 알려주니 감사합니다.
그러나 어떻게 사용하는지에 대한 설명이나 예시가 없어서 아쉽습니다.
애드온을 사용함으로 하고, 사용할 모듈을 선택하고
그리고 설정 창에 div id= 에서 id 값을 쓰라고 하는데 제로보드 기본 모듈의 스킨의 view_document.html 에는 div id가 없습니다.
div class 만 있습니다. 그래서 div id 값을 만들어 넣고 고유아이디 부분을 설정하였습니다.
그런데 글 작성시 이미지 추가를 클릭하면 창이 떠서 옵션을 설정할 수 있다고 말씀하시는데
이미지 추가를 클릭하면 제로보드 기본 이미지 추가가 열립니다.
다른 설정 내용이 있는지 다시 한 번 확인 부탁드립니다.
그러나 어떻게 사용하는지에 대한 설명이나 예시가 없어서 아쉽습니다.
애드온을 사용함으로 하고, 사용할 모듈을 선택하고
그리고 설정 창에 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/
스킨파일 : ./modules/editor/components/image_link/tpl/
DIV 객체에 ID 를 적어주시는 것은 애드온 설정화면에서 가능하고, 위지윅 에디터에서 이미지 추가 하는것은 별개입니다.
제가 처음 올리면서 언어파일을 빼먹어서 '이미지 추가' 화면에서 각 항목명이 보이지 않는건 이 문제 때문입니다.;
![이미지 추가 - 버그 [언어파일이 빠진 문제;]](files/attach/images/1697/488/014/017/activebox_image_link_bug.jpg "이미지 추가 - 버그 [언어파일이 빠진 문제;]")
옵션이 안보인다는게 이 때문인것 같아보이는데, 아래 파일을 받아서 시도해 보세요.
수정되었습니다. 아래 링크의 파일을 받아서 '제로보드가 설치된 디렉토리'에 압축해제 하시면 됩니다.
이미지 추가 컴포넌트 (수정본) : image_link.component.zip (6.69KB)
2008.07.04 08:51:17 (*.74.64.124)
우유가짱
익스7사용하는데,, 익스7에서는 라이브러리를 제대로 불러오지 못하는거 같은데
제 설정이 잘못된것인지,,
아이프래임관련 사용은 전부 사용안함으로 바꾸고 라이트박스 mod로 하였는데 안됩니다. lytebox류는 다 안되네요,,
파이어폭스3에서는 정상작동합니다.
하지만,, 익스7이나 파폭3이나 이미지링크애드온이 정상적으로 나오지않습니다..
추가적인 메뉴가 생긴거 같지만,, 사용할 수 없네요,,
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] - 위지윅 에디터 이미지 추가 컴포넌트 : image_link.component.zip (6.69KB)
![[레벨:1]](./modules/point/icons/default/1.gif "포인트:130point (36%), 레벨:1/30"){kind=icon}
리올
2008.07.04 22:59:15 (*.50.78.129)
주박사
Dustwo 님 새로운 설명 감사합니다.
이제 정상적으로 됩니다.
그러나 처음 이 글을 읽는 사람은 어떻게 하라는지 복잡하겠네요.
산뜻하게 설명이 되었으면 바램입니다.
그래서 처음 이 글을 읽는 분을 위해서 제가 정리해드립니다.
Dustwo 님의 본문에 올린 엑티브 박스(기본 )을 다운 받아 올립니다. (기본이든 전체든 관계 없습니다,)
또 이번에 다시 올린 위지윅 에디터 이미지 추가 컴포넌트의 화일을 올립니다.
제로보드 기본 모듈의 스킨의 view_document.html 에는 div id가 없습니다. div class 만 있습니다. 그래서 div id 값을 추가해서
수정해야 합니다.
다음에 제로보드 에드온에 가서 액티브박스를 활성화 하고, 위의 설명에 따라 설정을 하고
가장 중요한 것은 애드온의 항목 중 '제로보드 본문내 이미지 조절에드온'을 미사용으로 해야 합니다
그러면 이상 없이 잘 될겁니다. 저는 IE7.0 입니다.
감사합니다 좋은 애드온 잘 쓰겠습니다.
ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ ㅡ ㅡ ㅡㅡ ㅡ
이 애드온과 달리 제로보드에 왜 이미지 추가라는 컴포넌트 아이콘이 무슨 기능을 하는지 모르겠습니다.
이미지 추가가 열리면 경로를 쓰게 되어 있는데 본문에 화일을 첨부한 후에
그 화일의 경로를 알기가 쉽지 않습니다.
그러하니 위의 좋은 애드온을 사용하려고 해도 이미지를 링크로 걸어서 쓰라는 것인데 .....
제 생각에는 '이미지 추가' 컴포넌트에 관한 부분은 파일 첨부를 한 후에 '본문 삽입'이 있어 중복되는 부분이며
'본문 삽입'과 달리 크기, 위치 조절을 목적으로 '이미지 추가' 컴포넌트가 있는 것이라면
파일첨부로 올려진 화일의 주소를 쉽게 알 수 있는 방법이 필요하겠다고 제로님에게 말씀드립니다.
이제 정상적으로 됩니다.
그러나 처음 이 글을 읽는 사람은 어떻게 하라는지 복잡하겠네요.
산뜻하게 설명이 되었으면 바램입니다.
그래서 처음 이 글을 읽는 분을 위해서 제가 정리해드립니다.
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)
![[레벨:7]](./modules/point/icons/default/7.gif "포인트:4855point (84%), 레벨:7/30"){kind=icon}
지난 버전에 이어 잘 쓰겠습니다 :)
그리고 본문 내 이미지 조절 애드온은 미사용하지 않고 모듈이 겹치지만 않으면 동시에 2가지다 사용할 수 있습니다
그리고 본문 내 이미지 조절 애드온은 미사용하지 않고 모듈이 겹치지만 않으면 동시에 2가지다 사용할 수 있습니다
2008.07.08 14:08:31 (*.162.58.52)
![[레벨:4]](./modules/point/icons/default/4.gif "포인트:1575point (70%), 레벨:4/30"){kind=icon}
smico
http://stickmanlabs.com/lightwindow/
이 페이지의 미디어(Media Movies, Flash, PDF's... just link directly to the file!)쪽은 어떻게 설치 합니까?
zip파일을 다운로드 받아 보았는데 .js 파일등이 없고 해당 페이지에 설치 메뉴얼도 없어서...
좀 가르쳐 주실수 있습니까?
이 페이지의 미디어(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.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)});
멀티미디어 컴포넌트에 관해서는 따로 검색하셔서 추가하시면 됩니다.
이외에는 따로 플래쉬를 이용하는 방법이 있습니다만,
어려운건 이거나 저거나 매한가지 똑같습니다;
추천 한방날립니다