한 게시물에 첨부한 여러개의 이미지를 리스트에서 슬라이드로 보기

<?phpif (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css" media="screen">', 0);// 이미지 비율$thumb_w = $board['bo_'.MOBILE_.'gallery_width'];$thumb_h = $board['bo_'.MOBILE_.'gallery_height'];$img_h = apms_img_height($thumb_w, $thumb_h); // 이미지 높이// 너비$item_w = apms_img_width($board['bo_gallery_cols']);// 간격$gap_right = ($boset['gap_r'] == "") ? 15 : $boset['gap_r'];$gap_bottom = ($boset['gap_b'] == "") ? 30 : $boset['gap_b'];$ellipsis = (G5_IS_MOBILE) ? '' : ' class="ellipsis"';$ellipsis = ($thumb_h > 0) ? $ellipsis : '';$list_cnt = count($list);?><section class="board-list<?php echo (G5_IS_MOBILE) ? ' font-14' : '';?>"> <?php if($notice_count > 0) include_once($board_skin_path.'/notice.skin.php'); // 공지사항 ?> <?php if($is_category) include_once($board_skin_path.'/category.skin.php'); // 카테고리 ?> <style>  .list-wrap .list-container { overflow:hidden; margin-right:<?php echo ($gap_right > 0) ? '-'.$gap_right : 0;?>px; margin-bottom:<?php echo ($gap_bottom > 15) ? 0 : 15;?>px; }  .list-wrap .list-row { float:left; width:<?php echo $item_w;?>%; }  .list-wrap .list-item { margin-right:<?php echo $gap_right;?>px; margin-bottom:<?php echo $gap_bottom;?>px; } </style> <div class="list-wrap">  <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post" role="form" class="form">   <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">   <input type="hidden" name="sfl" value="<?php echo $sfl ?>">   <input type="hidden" name="stx" value="<?php echo $stx ?>">   <input type="hidden" name="spt" value="<?php echo $spt ?>">   <input type="hidden" name="sca" value="<?php echo $sca ?>">   <input type="hidden" name="sst" value="<?php echo $sst ?>">   <input type="hidden" name="sod" value="<?php echo $sod ?>">   <input type="hidden" name="page" value="<?php echo $page ?>">   <input type="hidden" name="sw" value="">   <div class="list-container">   <?php     $k = 0;    for ($i=0; $i < $list_cnt; $i++) {      if($list[$i]['is_notice']) continue;       //아이콘 체크     $is_lock = false;     $wr_icon = $wr_label = '';     if ($list[$i]['icon_secret'] || $list[$i]['is_lock']) {      $wr_icon = '<span class="wr-icon wr-secret"></span>';      $wr_label = '<div class="label-cap bg-black">Lock</div>';      $is_lock = true;     } else if ($list[$i]['icon_hot']) {      $wr_icon = '<span class="wr-icon wr-hot"></span>';      $wr_label = '<div class="label-cap bg-red">Hot</div>';     } else if ($list[$i]['icon_new']) {      $wr_icon = '<span class="wr-icon wr-new"></span>';      $wr_label = '<div class="label-cap bg-blue">New</div>';     }     if($wr_id && $list[$i]['wr_id'] == $wr_id) {      $wr_label = '<div class="label-cap bg-green">Now</div>';     }     // 썸네일     $list[$i]['no_img'] = $board_skin_url.'/img/no-img.jpg'; // No-Image     $img = apms_wr_thumbnail($bo_table, $list[$i], $thumb_w, $thumb_h, false, true);        ?>    <?php if($k > 0 && $k%$board['bo_gallery_cols'] == 0) { ?>     <div class="clearfix"></div>    <?php } ?>    <div class="list-row">     <div class="list-item">      <?php if($thumb_h > 0) { ?>       <div class="imgframe">        <div class="img-wrap" style="padding-bottom:<?php echo $img_h;?>%;">         <div class="img-item">          <?php echo $wr_label;?>          <?php if ($is_checkbox) { ?>           <div class="label-tack">            <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">           </div>           <?php } ?>          <a href="<?php echo $list[$i]['href'];?>">           <img src="<?php echo $img['src'];?>" alt="<?php echo $img['alt'];?>">                     </a>         </div>        </div>       </div>      <?php } else { ?>       <div class="list-img">        <?php echo $wr_label;?>        <?php if ($is_checkbox) { ?>         <div class="label-tack">          <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">         </div>         <?php } ?>        <a href="<?php echo $list[$i]['href'];?>">         <img src="<?php echo $img['src'];?>" alt="<?php echo $img['alt'];?>">        </a>       </div>      <?php } ?>      <?php if($boset['shadow']) echo apms_shadow($boset['shadow']); //그림자 ?>      <strong>       <a href="<?php echo $list[$i]['href'];?>"<?php echo $ellipsis;?>>        <?php if($wr_id && $list[$i]['wr_id'] == $wr_id) {?>         <span class="crimson"><?php echo $list[$i]['subject'];?></span>        <?php } else { ?>         <?php echo $list[$i]['subject'];?>        <?php } ?>       </a>      </strong>      <div class="list-details font-12 tex