글 수정모드에서 첨부된 이미지 썸네일로 미리보기 - 게시판스킨강좌, 그누보드5강좌

본문 바로가기
전체검색

게시판스킨강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

글 수정모드에서 첨부된 이미지 썸네일로 미리보기

관리자 17-07-29 02:06
이미지를 첨부해서 글을 작성했을 때 글 수정 모드에서 첨부한 이미지를 썸네일로 미리 볼 수가 있습니다.
간혹 QA에 올라오던 질문인데 나중에 필요할 때도 있을 것 같아서 정리해봤습니다.

 

 

수정파일 : write.skin.php

 

1. 파일 상단 ?> 안쪽에 추가

 

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

 

 

2. 첨부 파일 업로드 부분에서

 

<?php if($w == 'u' && $file[$i]['file']) { ?>

 

위 내용을 찾은 후 바로 밑에 이렇게 추가.

35, 35, 부분이 가로 세로 사이즈입니다. 원하는 크기로 변경.

 

<?php
$file = get_file($bo_table, $wr_id);
$image = urlencode($file[$i]['file']);
$image_path = G5_DATA_PATH.'/file/'.$bo_table;
$image_url = G5_DATA_URL.'/file/'.$bo_table;
if (preg_match("/\.(gif|jpg|jpeg|png)$/i", $image)) {
    $thumb = thumbnail($image, $image_path , $image_path , 35, 35, false, true);
    $image_content = $image_url.'/'.$thumb;
    echo "<img src=".$image_content.">";
}
?>

게시판에 이미지를 첨부해서 글을 작성 후 수정 페이지에서 정상적으로 썸네일이 생성되는지 확인.

이미지일 경우에만 썸네일이 생성됩니다.

첨부파일

write.skin.php (12.3K) 2017-08-12 12:22:50

댓글목록 +3

댓글목록

profile_image

관리자님의 댓글

관리자 작성일

수정된 write.skin.php 파일 첨부했습니다. 잘 안 되면 다운로드해서 참고하세요.
좀 더 기능 추가해서 스킨은 따로 올려놓겠습니다.

profile_image

신비님의 댓글

신비 작성일

와,,,,,,,요거 굉장히 유용한 팁이네요.  * _______ * =====b

profile_image

관리자님의 댓글

관리자 작성일

2017.08.02  수정되었습니다.

로그인 후 댓글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.