게시판 이미지 라이트박스(갤러리) 사용 정보
게시판 이미지 라이트박스(갤러리) 사용본문
간단한 팁이라 올려드립니다.
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'].'&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. 아래 주소에서 다운로드 받으신 후에
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'].'&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
1
댓글 5개
수고 하셨습니다....
좋은글 감사합니다... ^^
리스트 화면에서도 가능 할까요?
좋은글 감사합니다... ^^
리스트 화면에서도 가능 할까요?
일반 첨부파일은 라이트박스가 되도록 설정했습니다.
그런데 에디터를 통해 업로드 된것은 라이트박스가 아얘 안되네요.
혹시 에디터이미지에도 라이트박스적용하려면 어떤 부분을 손보면 좋을까요?
그런데 에디터를 통해 업로드 된것은 라이트박스가 아얘 안되네요.
혹시 에디터이미지에도 라이트박스적용하려면 어떤 부분을 손보면 좋을까요?
감사합니다
라이트박스
감사합니다