본문 페이지에서 특정 이미지를 선택해서 출력하는 방법 > 게시판스킨 강좌

본문 바로가기
사이트 내 전체검색

아이디비번찾기

게시판스킨 강좌

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

본문 페이지에서 특정 이미지를 선택해서 출력하는 방법

페이지 정보

작성자 관리자 작성일17-08-22 10:19 조회521회

본문

갤러리형이나 웹진형 스킨을 사용할 때 목록페이지에는 보통 썸네일 이미지용으로 사용하는 경우가 많습니다.

목록이미지는 썸네일 전용으로 사용하고 본문에서는 목록이미지는 제외하고 출력하는 방법입니다.

 

첨부파일 번호는 파일 첨부 선택란에서 제일 위에 있는 게 0번입니다.

0, 1, 2, 3...........  이렇게 순서대로 설정됩니다.

 

view.skin.php 파일에 이렇게 넣어서 직접 테스트를 해보면 이해되실 겁니다.

 

첫번째 이미지 출력

원본 : <?php echo $view['file'][0]['view']; ?>

썸네일 : <?php echo get_view_thumbnail($view['file'][0]['view']); ?>

 

두번째 이미지 출력

원본 : <?php echo $view['file'][1]['view']; ?>

썸네일 : <?php echo get_view_thumbnail($view['file'][1]['view']); ?>

 

위와 같이 원하는 위치에 특정 이미지만 저렇게 넣어서 사용할 수도 있습니다.

 


첫번째 이미지를 제외하고 두번째 이미지부터 모두 출력하는 방법

 

view.skin.php 파일에서 아래 내용을 찾은 후 $i=0 부분을 $i=1 로 변경합니다.

위에서 설명한대로 이미지 출력은 0부터 시작합니다.

1로 하면 두번째부터 2로하면 세번째 이미지부터 출력되겠죠.

 

for ($i=1; $i<=count($view['file']); $i++) {

    if ($view['file'][$i]['view']) {

        //echo $view['file'][$i]['view'];

        echo get_view_thumbnail($view['file'][$i]['view']);

    }

}


첫번째 이미지만 출력하는 방법

 

view.skin.php 파일에서 이미지 출력 부분을 이렇게 수정

 

// for ($i=0; $i<=count($view['file']); $i++) {

    if ($view['file'][0]['view']) {

        //echo $view['file'][0]['view'];

        echo get_view_thumbnail($view['file'][0]['view']);

    }

// }

 

 

* 참고사항

 

이미지 출력 부분에서 원본과 썸네일 중 선택해서 출력하는 방법입니다.

view.skin.php 파일 코드에서 이렇게 되어 있는 부분이 있는데

 

//echo $view['file'][$i]['view'];

echo get_view_thumbnail($view['file'][$i]['view']);

 

주석 처리되어 있는 echo $view['file'][$i]['view']; 이 부분이 원본으로 출력하는 코드입니다.

 

만약 본문 이미지를 썸네일이 아닌 원본 이미지로 출력하고 싶으면 위아래 주석 위치를 바꾸면 됩니다.

 

echo $view['file'][$i]['view'];

// echo get_view_thumbnail($view['file'][$i]['view']);

로그인 후 댓글을 남겨주세요.
게시판스킨 강좌 목록
번호 제목
공지 게시판 스킨 강좌 공지사항입니다.
1 게시판 기본 스킨 목록 페이지 살펴보기 1 - list.skin.php 댓글1
2 게시판 기본 스킨 목록 페이지 살펴보기 2 - 상세 설명
3 게시판 기본 스킨 글쓰기 페이지 살펴보기 1 - write.skin.php
4 게시판 기본 스킨 글쓰기 페이지 살펴보기 2 - 상세 설명
5 게시판 기본 스킨 내용보기 페이지 살펴보기 1 - view.skin.php
6 게시판 기본 스킨 내용보기 페이지 살펴보기 2 - 상세 설명
7 게시판 기본 스킨 코멘트 페이지 살펴보기 1 - view_comment.skin.php
8 게시판 기본 스킨 코멘트 페이지 살펴보기 2 - 상세 설명
9 여분필드를 활용한 게시판 스킨 제작 - 기본적인 사용 방법 댓글4
10 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-1 (글쓰기 페이지)
11 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-2 (목록 페이지) 댓글1
12 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-3 (글읽기 페이지)
13 여분필드에 스마트 에디터 사용하기
14 DatePicker 달력 플러그인을 활용한 날짜 입력 쉽게하기 댓글1
15 게시판 글쓰기 완료 후 목록 페이지나 메인 페이지로 이동시키기
16 게시판 목록 및 내용보기 페이지에 회원 정보 여분필드 출력 방법
17 이름이나 전화번호 중간 부분을 *** 표시로 숨기기 댓글2
18 게시판 글쓰기 페이지에 다음 주소 API 입력기 사용하기
19 게시판 스킨 목록 페이지에 이전 다음 페이지 링크 만들기
20 게시판 설정에 있는 여분 필드란 무엇인가?
21 여분필드를 활용한 게시판 스킨 제작 - 여분 필드 10개 이상 사용하기 댓글4
22 배열을 사용해서 여분필드 한 개로 연락처 입력란 3등분하기
23 글쓰기 페이지에서 게시물 수정 모드일 때 삭제 버튼 링크 추가하기 댓글1
24 휴대폰번호 중간에 자동으로 하이픈(-) 넣기
25 게시판 목록페이지 상단 분류를 이미지로 변경
26 글 수정 모드에서 첨부된 파일 다운로드 링크 추가
27 게시판이나 최신글 목록에서 비밀글 제목은 숨김 처리
28 input 필드값을 입력받을 때 무조건 숫자만 입력 댓글1
29 글 수정모드에서 첨부된 이미지 썸네일로 미리보기 댓글3
30 제목 또는 내용 없이 글 작성하기 - 설정해 놓은 문구 자동 입력
31 본문에 댓글을 남겼는지 체크해서 활용하기 댓글5
32 코멘트 비밀글 체크박스 삭제시 문제 해결
열람중 본문 페이지에서 특정 이미지를 선택해서 출력하는 방법
34 글 보기 페이지에 이전글 다음글 제목 날짜 출력 댓글1
35 링크 주소 입력 개수 늘리는 방법
36 기본 gallery 스킨에서 공지사항도 썸네일 이미지 출력
37 새 코멘트가 등록되었을 때 게시판 목록에 new 아이콘 출력 댓글6
38 리스트 정렬 필드를 여분필드값 기준으로 정렬하는 방법
39 신청서나 예약 게시판 등에서 글을 작성할 때 회원 정보에 있는 값 가져오기
40 10개 이상의 여분필드를 사용할 때 게시판 생성 단계에서부터 추가하기 댓글3
41 모바일 게시판에서 상단 하단 파일을 별도로 관리하는 방법
42 최근 댓글이 등록된 게시물 순서대로 리스트 재정렬
43 댓글 목록에서 본문글을 올린 회원이 작성한 댓글은 강조하기
44 게시판 스킨을 분류별로 각각 다르게 사용하는 방법
45 게시판 목록에 있는 분류탭 메뉴를 view 페이지에서도 그대로 출력
46 여분필드를 활용한 게시판 스킨 제작 - 댓글 쓰기 페이지에 적용하는 방법
47 게시판 글쓰기 버튼 항상 보이게 처리
48 목록에서 첨부파일 아이콘 출력할 때 이미지 파일은 구분해서 출력
49 목록페이지 상단에 내글 보기 버튼 생성
50 게시판 목록에서 첨부 파일 다운받기
51 댓글 바로가기 링크 주소 얻기 댓글1
52 유튜브 동영상 썸네일 이미지 자동 출력 댓글1
53 [그누보드5.3] 게시판에 회원 이미지 출력하는 방법
54 게시판 글 번호 역순으로 정렬 1번부터 시작
게시물 검색


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

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