본문 페이지에서 특정 이미지를 선택해서 출력하는 방법 - 게시판스킨강좌, 그누보드5강좌

본문 바로가기
전체검색

게시판스킨강좌

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

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

관리자 17-08-22 10:19

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

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

 

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

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

예를 들어 아래 내용 중 $view['file'][0]['view']; 여기에서 [0] 이 부분 숫자를 의미합니다.




각각의 이미지를 분리해서 원하는 곳에 출력하는 방법

 

첫번째 이미지 출력
원본 : <?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']); ?>
 

위와 같이 특정 이미지를 원하는 곳에 분리해서 출력할 수 있습니다.


각각의 코드에 파일이 존재하는지 체크하는 부분을 추가하면 더 나을 것 같네요.


<?php
if ($view['file'][0]['view']) {
    echo get_view_thumbnail($view['file'][0]['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']);

로그인 후 댓글 작성 가능합니다.

로그인

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

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

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

Copyright gnustudy.com All rights reserved.