게시판 이미지 라이트박스(갤러리) 사용 > 그누보드5 팁자료실

그누보드5 팁자료실

게시판 이미지 라이트박스(갤러리) 사용 정보

게시판 이미지 라이트박스(갤러리) 사용

본문

간단한 팁이라 올려드립니다.

1. 아래 주소에서 다운로드 받으신 후에
http://lokeshdhakar.com/projects/lightbox2/
또는, https://github.com/lokesh/lightbox2

2. 압축을 풀고 lightbox 폴더를 /plugin/ 폴더에 업로드

3. view.skin.php 5번째 줄 (php코드 다음)에 아래 내용 추가
<script src="<?php echo G4_PLUGIN_URL ?>/lightbox/js/lightbox-2.6.min.js"></script>
<link href="<?php echo G4_PLUGIN_URL ?>/lightbox/css/lightbox.css" rel="stylesheet" />

4. common.lib.php, thumbnail.lib.php 두개 파일 수정
4.1 common.lib.php의 1049번째줄 (function view_file_link).
원래코드
$img = '<a href="'.G4_BBS_URL.'/view_image.php?bo_table='.$board['bo_table'].'&amp;fn='.urlencode($file).'" target="_blank" class="view_image">';

변경 후
$img = '<a href="'.G4_DATA_URL.'/file/'.$board['bo_table'].'/'.urlencode($file).'" data-lightbox="'.$board['bo_table'].'">';

4.2 thumbnail.lib.php의 154번째줄 (function get_view_thumbnail).
원래코드
$thumb_tag = '<a href="'.G4_BBS_URL.'/view_image.php?fn='.urlencode($imgurl).'" target="_blank" class="view_image">'.$thumb_tag.'</a>';

변경 후       
$thumb_tag = '<a href="'.$imgurl.'" data-lightbox="'.$board['bo_table'].'">'.$thumb_tag.'</a>';


한가지 문제점은 위 두개의 파일을 수정하는 것이 향후 업데이트를 생각해서는 바람직하지 않다라는 것입니다.
제 생각에는 g4s에서는 게시판에서 라이트박스를 기본으로 사용하면 어떨까 생각합니다.
추천
1

댓글 5개

일반 첨부파일은 라이트박스가 되도록 설정했습니다.

그런데 에디터를 통해 업로드 된것은 라이트박스가 아얘 안되네요.

혹시 에디터이미지에도 라이트박스적용하려면 어떤 부분을 손보면 좋을까요?
전체 2,412 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT