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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드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
감사합니다. 처음에 이 팁이 올라왔을때 그냥 복사해서 적용해보았는데요.
한참후에 코드를 하나 하나  보면서 많이 배우고 있습니다
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로