게시판 리스트 아래 더보기 문의드립니다. 채택완료

</p>

<p>

    <div class="scrollTop topScroll"><i class="fa fa-arrow-up"></i> 마우스 스크롤 (이전글 불러오기)</div>

    <div class="moreBar moreTop">불러오는 중</div></p>

<p>    <ul id="gall_ul">

    <table>

    <tbody>

        <?php for ($i=0; $i<count($list); $i++) { ?>

        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>">

            <div class="gall_li_wr">

                <?php if ($is_checkbox) { ?>

                <span class="gall_li_chk chk_box">

                    <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>" class="selec_chk">

                    <label for="chk_wr_id_<?php echo $i ?>">

                        <span></span>

                        <b class="sound_only"><?php echo $list[$i]['subject'] ?></b>

                    </label>

                </span>

                <?php } ?>

                <span class="sound_only">

                    <?php

                    if ($wr_id == $list[$i]['wr_id'])

                        echo "<span class=\"bo_current\">열람중</span>";

                    else

                        echo $list[$i]['num'];

                    ?>

                </span>

                

                <a href="<?php echo $list[$i]['href'] ?>" class="gall_img">

                <?php

                if ($list[$i]['is_notice']) { // 공지사항 ?>

                    <strong class="gall_notice">공지</strong>

                        <?php } else {

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

<p>                            if($thumb['src']) {

                                $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';

                            } else {

                                $img_content = '<span class="no_image">no image</span>';

                            }</p>

<p>                            $youtube_thumbnail = get_youtube_thumbnail(get_youtube_id($list[$i]['wr_1']));

                            if($youtube_thumbnail) {

                                $img_content = '<img src="'.$youtube_thumbnail.'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';

                            }</p>

<p>                            echo $img_content;

                        }

                         ?>

                </a>

                <div class="gall_text_href">

                    <a href="<?php echo $list[$i]['href'] ?>" class="gall_li_tit">

                        <?php echo $list[$i]['subject'] ?>

                    </a>

                    <dl>

                        <dt><p><i class="far fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?></p></dt>

                        <dt><p><i class="far fa-thumbs-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></p></dt>

                    </dl>

                </div>

            </div>

        </li>

        <?php } ?>

        <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>

    </tbody>

    </table>

    </ul>

    <div class="moreBar moreBtm">불러오는 중</div>

    <div class="scrollTop btmScroll"><i class="fa fa-arrow-down"></i> 마우스 스크롤 (다음글 불러오기)</div></p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>

<script></p>

<p>    var total_page = "<?=$total_page?>";

    var now_page = "<?=$page?>";

    var roll_page = now_page;

    

    $(window).ready(function(){

        console.log(now_page);

        if(now_page != 1){

            $(".topScroll").show();

        }</p>

<p>        if(roll_page != total_page){

            $(".btmScroll").show();

        }

    });</p>

<p>    $(window).scroll(function(){

        var chkBtm = parseInt($(document).height()) - parseInt($(window).height());

        

        if(chkBtm == $(window).scrollTop()){

            

            roll_page++;

            

            if(roll_page <= total_page){

                callContent(roll_page,'append');

            }

        }else if($(window).scrollTop() == 0){

            

            now_page--;

            if(now_page > 0){

                callContent(now_page,'prepend');

            }

            

        }

    });</p>

<p>    function callContent(a,b){</p>

<p>        if(b=='append'){

            $(".moreBtm").slideDown();

        }else{

            $(".moreTop").slideDown();

        }

        var url = "<?=G5_BBS_URL?>/board.php?bo_table=<?=$bo_table?>&page="+a;

        var tbody = "";

        var thtml = "";

        $.ajax({

            type:"POST",

            url:url,

            dataType : "html",

            success: function(html){

                tbody = html.split('<tbody>');

                thtml = tbody[1].split('</tbody>');

                setTimeout(function() { 

                    if(b=='append'){

                        $(".tbl_head01").find('tbody').append(thtml[0]);

                    }else{

                        $(".tbl_head01").find('tbody').prepend(thtml[0]);

                    }

                    $(".moreBar").slideUp();

                    

                    if(now_page == 1){

                        $(".topScroll").slideUp();

                    }</p>

<p>                    if(roll_page == total_page){

                        $(".btmScroll").slideUp();

                    }

                }, 0);

                

            },

            error: function(xhr, status, error) {

                alert(error);

            }  

        });

    }</p>

<p></script></p>

<p> </p>

<p>