위에 내용은 모두 리스트에서 처리되야 하는 부분입니다...

만들기는 간단한데... 리스트를 다 뜯어 고치셔야 해서....
소스를 풀로 올려주셔야 소스라도 짜드릴수 있지 않을까 싶은데요 ....

그리고 구조상 가볍게 만드시려면 ajax 를 활용하시는게 좋을듯합니다.

그게 아니라면 페이지가 무거워 지는 내용입니다. 호스팅 상황이 좋다면 괜찮겟지만.....

bxslider 를 이용해서 진행하고 있는데요. for문을 한번 더써서 되긴하는데요.

ajax로 진행하려면 어떻게 해야 하는지를 모르겠네요ㅠ.ㅠ

소스는 아래와 같습니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/jquery.bxslider.min.css"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/jquery.bxslider.min.js" rel="stylesheet" />


    <!-- 리스트 썸네일 시작 -->
    <section id="bo_v_atc">
        <div class="image-wrap">
            <ul id="bxslider">

            <?php for ($i=0; $i<count($list); $i++) {
                if($i>0 && ($i % $bo_gallery_cols == 0))
                    $style = 'clear:both;';
                else
                    $style = '';
                if ($i == 0) $k = 0;
                $k += 1;
                if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;";

                $image[$i] = G5_URL."/data/file/$bo_table/".$list[$i][file][$i][file];
             ?>
                <li>
                <img src="<?php echo G5_DATA_URL.'/file/'.$bo_table.'/'.get_view_thumbnail($list[$i][file][0][file]); ?>" class="first-img" />
                <img src="<?php echo G5_DATA_URL.'/file/'.$bo_table.'/'.get_view_thumbnail($list[$i][file][1][file]); ?>" class="second-img" />
                <img src="<?php echo G5_DATA_URL.'/file/'.$bo_table.'/'.get_view_thumbnail($list[$i][file][2][file]); ?>" class="third-img" />
                </li>

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

                <ul id="bxslider-pager">
            <?php for ($z=0; $z<count($list); $z++) {  ?>
                    <?php
                        $thumb = get_list_thumbnail($board['bo_table'], $list[$z]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);

                        if($thumb['src']) {
                            $img_content02 = '<li data-slideIndex="'.$z.'"><a href=""><img class="first" src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'"></a>';
                        } else {
                            $img_content02 = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
                        }

                        echo $img_content02;
                     ?>
            <?php } //for ?>
                </ul>
        </div>
    </section><!-- 리스트 썸네일 끝 -->

<script>
$('#bxslider').bxSlider({
  pagerCustom: '#bxslider-pager'
});
</script>

답글 감사드립니다.
첨부파일의 순서에 따른 원본이미지를 뽑을순 있지만, 본문에서 언급했듯이 리스트에서 각 게시물의 썸네일를 클릭하여 같은위치(리스트)의 상단에 해당 게시물의 첨부파일들를 뽑아내려 합니다.

꿀팁 감사합니다.