썸네일 전후진 페이지 만들기 > 그누보드5 팁자료실

현재접속자 최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타

    그누보드5 팁자료실

    썸네일 전후진 페이지 만들기 정보

    썸네일 전후진 페이지 만들기

    본문

    링크 페이지의 개별 게시판에 들어가보면

    이전글 다음글이 텍스트가 아니라 썸네일 처리 되어 있습니다.

    이 게시판은 gallery 스킨이 아니라 basic 스킨으로 만든 게시판이라

    아래의 코드는 basic 스킨에 적용하세요. 

    테스트 해 보지 않았지만 아마 gallery 스킨에도 먹을 것입니다. 

     

    
    <?php if ($prev_href || $next_href) { ?>
    <ul class="bo_v_nb">
        <?php if ($prev_href) { ?><li class="btn_prv"><span class="nb_tit"><i class="fa fa-chevron-up" aria-hidden="true"></i> 이전글</span><a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a> <span class="nb_date"><?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?></span></li><?php } ?>
        <?php if ($next_href) { ?><li class="btn_next"><span class="nb_tit"><i class="fa fa-chevron-down" aria-hidden="true"></i> 다음글</span><a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a>  <span class="nb_date"><?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?></span></li><?php } ?>
    </ul>
    <?php } ?>

     

    pc 스킨 : view.skin.php 에서 위의 부분을 찾아서 아래코드로 바꿉니다.

     

    
    <!--  썸네일 전후진 페이지 시작 : wittazzurri -->
    <?php
    if (!$board['bo_use_list_view']) {
        if ($sql_search) $sql_search = " and " . $sql_search;
        $sql = " select wr_id, wr_subject, wr_datetime, wr_name from {$write_table} where wr_is_comment = 0 and wr_num = '{$write['wr_num']}' and wr_reply < '{$write['wr_reply']}' {$sql_search} order by wr_num desc, wr_reply desc limit 1 ";
        $prev_mode = sql_fetch($sql);
        if (! (isset($prev_mode['wr_id']) && $prev_mode['wr_id'])) {
            $sql = " select wr_id, wr_subject, wr_datetime, wr_name from {$write_table} where wr_is_comment = 0 and wr_num < '{$write['wr_num']}' {$sql_search} order by wr_num desc, wr_reply desc limit 1 ";
            $prev_mode = sql_fetch($sql);
        }
        $sql = " select wr_id, wr_subject, wr_datetime, wr_name from {$write_table} where wr_is_comment = 0 and wr_num = '{$write['wr_num']}' and wr_reply > '{$write['wr_reply']}' {$sql_search} order by wr_num, wr_reply limit 1 ";
        $next_mode = sql_fetch($sql);
        if (! (isset($next_mode['wr_id']) && $next_mode['wr_id'])) {
            $sql = " select wr_id, wr_subject, wr_datetime, wr_name from {$write_table} where wr_is_comment = 0 and wr_num > '{$write['wr_num']}' {$sql_search} order by wr_num, wr_reply limit 1 ";
            $next_mode = sql_fetch($sql);
        }
    }
    ?>
    <?php if ($prev_mode['wr_id'] || $next_mode['wr_id']) { ?>
    <table style=width:100%;table-layout:fixed;margin-top:30px cellpadding=0 cellspacing=0>
        <?php if ($prev_mode['wr_id']) { ?>
            <td style="padding:10px;border:1px solid #cccccc;border-radius:5px">
                <a href=<?php echo get_pretty_url($bo_table, $prev_mode['wr_id'], $qstr); ?>>
                    <div style=width:90px;height:90px;float:left;margin-right:10px>
                        <img onerror=style.display='none';parentElement.style.width='0px' style=width:100%;height:100%;display:block;object-fit:cover;border-radius:5px src=<?php echo get_list_thumbnail($bo_table, $prev_mode['wr_id'], 120, 120, false, true)['src']; ?>>
                    </div>
                    <ul>
                        <li style="padding-bottom:7px;margin-bottom:7px;font-weight:bold;border-bottom:1px dashed #cccccc">▲ 이전글</li>
                        <li>작성 : <?php echo $prev_mode['wr_name']; ?></li>
                        <li style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>제목 : <?php echo $prev_mode['wr_subject']; ?></li>
                        <li>날짜 : <?php echo str_replace('-', '.', substr($prev_mode['wr_datetime'], '2', '8')); ?></li>
                    </ul>
                </a>
            </td>
        <?php } else echo "<td style='text-align:center;padding:10px;border:1px solid #cccccc;border-radius:5px'>이전글 없음</td>"; ?>
        <td style=width:5px></td>
        <?php if ($next_mode['wr_id']) { ?>
            <td style="padding:10px;border:1px solid #cccccc;border-radius:5px">
                <a href=<?php echo get_pretty_url($bo_table, $next_mode['wr_id'], $qstr); ?>>
                    <div style=width:90px;height:90px;float:left;margin-right:10px>
                        <img onerror=style.display='none';parentElement.style.width='0px' style=width:100%;height:100%;display:block;object-fit:cover;border-radius:5px src=<?php echo get_list_thumbnail($bo_table, $next_mode['wr_id'], 120, 120, false, true)['src']; ?>>
                    </div>
                    <ul>
                        <li style="padding-bottom:7px;margin-bottom:7px;font-weight:bold;border-bottom:1px dashed #cccccc">▼ 다음글</li>
                        <li>작성 : <?php echo $next_mode['wr_name']; ?></li>
                        <li style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>제목 : <?php echo $next_mode['wr_subject']; ?></li>
                        <li>날짜 : <?php echo str_replace('-', '.', substr($next_mode['wr_datetime'], '2', '8')); ?></li>
                    </ul>
                </a>
            </td>
        <?php } else echo "<td style='text-align:center;padding:10px;border:1px solid #cccccc;border-radius:5px'>다음글 없음</td>"; ?>
    </table>
    <?php } ?>
    <!--  /썸네일 전후진 페이지 종료 : wittazzurri -->

     

    ----------

     

    
    <?php if ($prev_href || $next_href) { ?>
    <ul class="bo_v_nb">
        <?php if ($prev_href) { ?><li class="bo_v_prev"><a href="<?php echo $prev_href ?>"><i class="fa fa-chevron-up" aria-hidden="true"></i><span class="sound_only">이전글</span> <?php echo $prev_wr_subject;?></a></li><?php } ?>
        <?php if ($next_href) { ?><li class="bo_v_next"><a href="<?php echo $next_href ?>"><i class="fa fa-chevron-down" aria-hidden="true"></i><span class="sound_only">다음글</span> <?php echo $next_wr_subject;?></a></li><?php } ?>
    </ul>
    <?php } ?>

     

    모바일 스킨 : view.skin.php 에서 위의 부분을 찾아서 아래코드로 바꿉니다.

     

    
    <!--  썸네일 전후진 페이지 시작 : wittazzurri -->
    <?php
    if (!$board['bo_use_list_view']) {
        if ($sql_search) $sql_search = " and " . $sql_search;
        $sql = " select wr_id, wr_subject, wr_name from {$write_table} where wr_is_comment = 0 and wr_num = '{$write['wr_num']}' and wr_reply < '{$write['wr_reply']}' {$sql_search} order by wr_num desc, wr_reply desc limit 1 ";
        $prev_mode = sql_fetch($sql);
        if (! (isset($prev_mode['wr_id']) && $prev_mode['wr_id'])) {
            $sql = " select wr_id, wr_subject, wr_name from {$write_table} where wr_is_comment = 0 and wr_num < '{$write['wr_num']}' {$sql_search} order by wr_num desc, wr_reply desc limit 1 ";
            $prev_mode = sql_fetch($sql);
        }
        $sql = " select wr_id, wr_subject, wr_name from {$write_table} where wr_is_comment = 0 and wr_num = '{$write['wr_num']}' and wr_reply > '{$write['wr_reply']}' {$sql_search} order by wr_num, wr_reply limit 1 ";
        $next_mode = sql_fetch($sql);
        if (! (isset($next_mode['wr_id']) && $next_mode['wr_id'])) {
            $sql = " select wr_id, wr_subject, wr_name from {$write_table} where wr_is_comment = 0 and wr_num > '{$write['wr_num']}' {$sql_search} order by wr_num, wr_reply limit 1 ";
            $next_mode = sql_fetch($sql);
        }
    }
    ?>
    <?php if ($prev_mode['wr_id'] || $next_mode['wr_id']) { ?>
    <div style="padding:0px 15px 15px 15px">
        <table style=width:100%;table-layout:fixed cellpadding=0 cellspacing=0 align=center>
            <?php if ($prev_mode['wr_id']) { ?>
                <td style="padding:5px;border:1px solid #cccccc;border-radius:5px">
                    <a href=<?php echo get_pretty_url($bo_table, $prev_mode['wr_id'], $qstr); ?>>
                        <div style=width:60px;height:60px;float:left;margin-right:5px>
                            <img onerror=style.display='none';parentElement.style.width='0px' style=width:100%;height:100%;display:block;object-fit:cover;border-radius:5px src=<?php echo get_list_thumbnail($bo_table, $prev_mode['wr_id'], 120, 120, false, true)['src']; ?>>
                        </div>
                        <ul>
                            <li style="padding-bottom:2px;margin-bottom:2px;font-weight:bold;border-bottom:1px dashed #cccccc">▲ 이전글</li>
                            <li>작성 : <?php echo $prev_mode['wr_name']; ?></li>
                            <li style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>제목 : <?php echo $prev_mode['wr_subject']; ?></li>
                        </ul>
                    </a>
                </td>
            <?php } else echo "<td style='text-align:center;padding:10px;border:1px solid #cccccc;border-radius:5px'>이전글 없음</td>"; ?>
            <td style=width:5px></td>
            <?php if ($next_mode['wr_id']) { ?>
                <td style="padding:5px;border:1px solid #cccccc;border-radius:5px">
                    <a href=<?php echo get_pretty_url($bo_table, $next_mode['wr_id'], $qstr); ?>>
                        <div style=width:60px;height:60px;float:left;margin-right:5px>
                            <img onerror=style.display='none';parentElement.style.width='0px' style=width:100%;height:100%;display:block;object-fit:cover;border-radius:5px src=<?php echo get_list_thumbnail($bo_table, $next_mode['wr_id'], 120, 120, false, true)['src']; ?>>
                        </div>
                        <ul>
                            <li style="padding-bottom:2px;margin-bottom:2px;font-weight:bold;border-bottom:1px dashed #cccccc">▼ 다음글</li>
                            <li>작성 : <?php echo $next_mode['wr_name']; ?></li>
                            <li style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap>제목 : <?php echo $next_mode['wr_subject']; ?></li>
                        </ul>
                    </a>
                </td>
            <?php } else echo "<td style='text-align:center;padding:10px;border:1px solid #cccccc;border-radius:5px'>다음글 없음</td>"; ?>
        </table>
    </div>
    <?php } ?>
    <!--  /썸네일 전후진 페이지 종료 : wittazzurri -->
    추천
    5

    댓글 11개

    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 22.05.24 00:00:58 모바일
    아이러니하게 투엑스비님이 첫댓글이시네요.ㅋ
    이건 저랑 투엑스비님이 비슷한 감정을 느꼈을 때 공유했던 거에요.
    올 1월 첫주에 저랑 둘이 처음으로 20레벨이 되었을 때 서버에 이상이 있어 며칠 반영이 안 되었던 기간이 있었던거 기억하시죠?
    그 때 이걸 팁자료실에 올렸는데 그것도 같이 날아갔었거든요.
    상황을 보고 있다가 거의 반년만에 다시 공유하는 것입니다.ㅋ
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 22.05.24 02:30:31 모바일

    자랑을 좀 하자면 자신의 키와 자신의 아이큐가 동일한 극소수의 인류 중 하나가 저입니다.ㅋ
    예전에 이런 말을 어떤 커뮤니티에 했더니 저랑 친했던 회원 하나가 주리님 키가 1미터가 안 되나 봐요. 해서 한참 웃었던 기억이 납니다.ㅋ
    Innisfree 자기소개 아이디로 검색 전체게시물 회원게시물 22.05.24 21:23:33
    비타주리 님의 아이디어와 코딩에 늘 많이 배우네요 ^-^
    UX를 향상시키기에 좋은 팁인 것 같아요!!
    추천 꾹 눌러드렸어요~
    그럼 편안한 저녁 되세요 :)
    김철용 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 22.10.22 19:39:48
    감사합니다. 처음에 이 팁이 올라왔을때 그냥 복사해서 적용해보았는데요.
    한참후에 코드를 하나 하나  보면서 많이 배우고 있습니다
    전체 96 |RSS
    그누보드5 팁자료실 내용 검색

    회원로그인

    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT