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,408
16년 전 조회 5,643
16년 전 조회 4,855
16년 전 조회 7,841
16년 전 조회 8,012
16년 전 조회 3,120
16년 전 조회 4,340
16년 전 조회 3,469
16년 전 조회 4,392
16년 전 조회 4,498
16년 전 조회 4,050
16년 전 조회 5,134
16년 전 조회 3,830
16년 전 조회 3,333
16년 전 조회 6,031
16년 전 조회 1.9만
16년 전 조회 4,362
16년 전 조회 3,522
16년 전 조회 2.2만
16년 전 조회 9,244