2026, 새로운 도약을 시작합니다.

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

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

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에서는 게시판에서 라이트박스를 기본으로 사용하면 어떨까 생각합니다.
|

댓글 5개

수고 하셨습니다....

좋은글 감사합니다... ^^

리스트 화면에서도 가능 할까요?
일반 첨부파일은 라이트박스가 되도록 설정했습니다.

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

혹시 에디터이미지에도 라이트박스적용하려면 어떤 부분을 손보면 좋을까요?
감사합니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 112
2740 4일 전 조회 104
2739 1주 전 조회 209
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 280
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 267
2730 1개월 전 조회 226
2729 1개월 전 조회 356
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 331
2724 1개월 전 조회 360
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 312
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고