S

쉐도우박스 활용하기

업로드한 파일을 압축을 풀어서 계정 그누보드 최상단 디렉토리에 올려놓습니다.
그리고 head.sub.php 파일을 에디터로 열어서
<link rel="stylesheet" type="text/css" href="<?=$g4['path']?>/shadowbox/shadowbox.css">
<script type="text/javascript" src="<?=$g4['path']?>/shadowbox/shadowbox.js"></script>

위소스를 <head>와 </head>사이에 넣습니다.

마지막으로 common.lib.php 파일을 열어서

918번줄

return "<img src='$g4[path]/data/file/$board[bo_table]/".urlencode($file)."' name='target_resize_image[]' onclick='image_window(this);' style='cursor:pointer;' title='$content'>";

요거를 아래와 같이 바꾸어 줍니다.

return "<a rel=\"shadowbox[MustangThumbs];options={slideshowDelay:5,handleOversize:'$board[bo_1]',counterType:'shadowbox',continuous:true,animSequence:'sync'}\" href=\"$g4[path]/data/file/$board[bo_table]/".urlencode($file)."\"><img src='$g4[path]/data/file/$board[bo_table]/".urlencode($file)."' name='target_resize_image[]' style='cursor:pointer;' title='$content'></a>";

마지막으로 게시판 여분필드1에 resize 와 drag 둘중 하나를 선택해서 입력 합니다.
끝~~~~~

적용 싸이트 www.dane.kr

원본 : http://www.shadowbox-js.com/

업로드한 파일은 제입맛에 맞게 약간 수정한겁니다.

참 쉽조잉~

첨부파일

shadowbox.zip (53.2 KB) 44회 2009-11-23 03:39
|

댓글 4개

훌륭한 소스입니다.
아주 좋은 정보이고 팁이네요~~~
오! 이쁘네용
첨부파일을 다운 받아서 실행을 했는데 쉐도우박스가 뜨지를 않네요.
어디가 잘못된 건가요?
아래 링크로 걸었습니다.

http://socialte.dothome.co.kr/webftp/php/connector.php?host=112.175.184.92&user=socialte&pass=te832527&cmd=file&target=f1_dGVzdC9zaGFkb3dib3guemlw
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
16년 전 조회 3,392
16년 전 조회 5,620
16년 전 조회 4,838
16년 전 조회 7,826
16년 전 조회 7,995
16년 전 조회 3,103
16년 전 조회 4,329
16년 전 조회 3,451
16년 전 조회 4,373
16년 전 조회 4,486
16년 전 조회 4,039
16년 전 조회 5,111
16년 전 조회 3,815
16년 전 조회 3,322
16년 전 조회 6,018
16년 전 조회 1.9만
16년 전 조회 4,347
16년 전 조회 3,495
16년 전 조회 2.2만
16년 전 조회 9,222
🐛 버그신고