그누보드 - 쉐도우박스 활용하기

그누4 팁자료실

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

쉐도우박스 활용하기 정보

쉐도우박스 활용하기

첨부파일

shadowbox.zip (53.2K) 44회 다운로드 2009-11-23 03:39:10

본문

업로드한 파일을 압축을 풀어서 계정 그누보드 최상단 디렉토리에 올려놓습니다.
그리고 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/

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

참 쉽조잉~

댓글 4개

두손모아 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

09.11.24 08:41:14

훌륭한 소스입니다.

유나인 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

09.11.25 06:41:01

아주 좋은 정보이고 팁이네요~~~

제네시스옥션 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

10.03.21 19:46:12

오! 이쁘네용

원반1 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

18.10.15 03:59:17

첨부파일을 다운 받아서 실행을 했는데 쉐도우박스가 뜨지를 않네요.
어디가 잘못된 건가요?
아래 링크로 걸었습니다.

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개