썸네일 이미지 출력할 때 여백 없이 사용하기 > 그누보드팁

본문 바로가기
전체검색

그누스킨닷컴

그누보드팁

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

썸네일 이미지 출력할 때 여백 없이 사용하기

페이지 정보

작성자 관리자 작성일18-05-07 00:43 조회341회

본문

cd810ee165ff66db8e5d3e17fcc4025f_1525620246_3103.jpg

갤러리형 게시판이나 최신글 스킨 중 위 화면처럼 이미지에 여백이 있는 것들이 있습니다.
원본 비율을 유지하면서 잘리는 부분 없이 출력하고 싶을 때 주로 사용합니다.


cd810ee165ff66db8e5d3e17fcc4025f_1525620353_3074.jpg

이미지 일부가 잘리더라도 여백 없이 꽉 차게 출력하는 방법을 살펴보겠습니다.


여백이 있는 스킨들은 썸네일 생성 함수를 살펴보면 크롭 설정이 false로 되어 있을 겁니다.
lib/thumbnail.lib.php 파일을 살펴보면 $is_crop=false로 되어 있죠.

// 게시글리스트 썸네일 생성
function get_list_thumbnail($bo_table, $wr_id, $thumb_width, $thumb_height, $is_create=false, $is_crop=false, $crop_mode='center', $is_sharpen=false, $um_value='80/0.5/3')
{

저 부분을 $is_crop=true 로 변경하면 고정된 사이즈로 크롭 돼서 여백이 생기지 않습니다.
수정 후 반드시 관리자페이지 > 환경설정 > 썸네일파일 일괄삭제를 클릭해야 반영됩니다.

원본 파일을 손대지 않고 스킨에서 별도로 처리하는 방법도 있습니다.

게시판 스킨 : list.skin.php
최신글 스킨 : latest.skin.php

스킨 파일에서 썸네일 생성 코드가 있는데 게시판 스킨 기준으로 보통 이렇게 되어 있죠.

$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);

최신글 스킨은 일부 차이가 있지만 여기서 중요한 부분은 가로 세로 설정 옵션까지만 있다는 겁니다.
저 부분에 크롭 설정 옵션까지 포함시키면 됩니다.

$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);

마지막에 있는 true 가 크롭 설정입니다.
true 로 하면 여백 없이 출력되고 false 로 하면 여백이 생깁니다.
최신글 스킨도 원래 있던 부분에 뒷부분 옵션 두 개만 추가하면 됩니다.

관련 문의가 자주 올라와서 그런지 최근 5.3 버전 그누보드 기본 스킨은 위 방법으로 해놨더군요.

수정 후 반드시 관리자 페이지 > 환경설정 > 썸네일파일 일괄삭제 클릭!


영카트 상품 이미지 썸네일 수정 방법
http://gnustudy.com/bbs/board.php?bo_table=yc_tip&wr_id=23
커뮤니티는 당분간 중단하겠습니다.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
113 로그인 영역을 오른쪽에서 왼쪽으로 이동
112 1:1 문의 게시판에 새글이나 답변글 등록시 쪽지 발송하기
111 그누보드 5.3 버전 기본 메뉴 중앙 정렬하기
110 자동등록방지 캡챠(kcaptcha)코드 삭제 - 그누보드 5.3 버전
109 네아로, 네이버 소셜 로그인으로 가입시 닉네임 값에 이메일 아이디가 입력될 경우 댓글1
108 MySQL 버전 차이로 phpmyadmin 에서 DB 필드 타입 변경이 안 될 때
107 네이버 구글 검색 서브 링크
106 메인 메뉴 3차까지 추가하기
105 모바일 브라우저에서 링크 터치 하이라이트 제거 (링크 클릭 영역)
104 그누보드 5.3 기본 레이아웃 전체 가로 사이즈 변경
103 index 페이지 최신글 특정 게시판 제외하기
102 그누보드 5.2 버전과 5.3 버전 차이점
101 특정 아이피만 관리자 페이지 접근을 허용하는 방법
100 등록된 글이 없거나 페이지당 목록수보다 적어도 페이징 번호 출력하기
99 회원 가입시 닉네임 중복으로 입력할 수 있게 변경하기
98 웹호스팅 회사별 phpmyadmin 접속 링크
97 게시판 wr_id 값 초기화
96 비회원도 추천, 비추천 가능하게
95 그누보드 5.3 기본 레이아웃에서 우측 aside 영역 삭제하기
94 투표 참가 인원 닉네임으로 출력
93 자동등록방지(kcaptcha) 캽챠 음성 안내 삭제하기 - 그누보드 5.3
92 스마트 에디터 글쓰기 textarea 높이 수정하기
열람중 썸네일 이미지 출력할 때 여백 없이 사용하기
90 문자열 글자 자르기 cut_str 함수
게시물 검색


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

Copyright © GNUSTUDY. All rights reserved.
상단으로