해피정님 슬라이드 스킨에서 이미지와 버튼 순서를 바꾸고 싶은데요. 채택완료

</p><p><?php</p><p>if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 </p><p>if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</p><p>/*</p><p> </p><p><?php </p><p>$popzone_board = "popzone"; // 게시판 이름 </p><p>$popzone_skin = "hp_utf_slidersjs"; // 스킨폴더 이름</p><p>$popzone_thumb = "thumb_slidersjs";  // 썸네일 폴더명 변경시 latest.skin.php 의 파일내용중 폴더명 일치필요</p><p>include_once $g4['path']."/skin/latest/".$popzone_skin."/slidesjs.lib.php";</p><p>echo latest_slidersjs("{$popzone_skin}", "{$popzone_board}", 16, 20);</p><p>// ("스킨명", "게시판명, 출력수, 글자수) </p><p> </p><p>if ($is_admin) { // 섬네일 일괄삭제 </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>if ($delete_smallimg == 1 && !empty($is_admin)){ </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>include_once $g4['admin_path'] . '/admin.lib.php'; </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>rm_rf("$g4[path]/data/file/".$popzone_board."/".$popzone_thumb."/".$thumb_name); </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>alert("$g4[path]/data/file/".$popzone_board."/".$popzone_thumb."/".$thumb_name." 을 몽땅 삭제하였습니다.", $_SERVER['PHP_SELF'] . '?' . str_replace('delete_smallimg=1&', '', $_SERVER['QUERY_STRING'])); </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>} </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>echo "<a href='".$g4[path]."/bbs/board.php?bo_table=".$popzone_board."'>관리</a> | <a href='".$_SERVER['PHP_SELF']."?delete_smallimg=1&".$_SERVER['QUERY_STRING']."'>Thumb삭제</a>"; </p><p>} </p><p>?></p><p> </p><p>*/</p><p> </p><p>//옵션분리</p><p>list($imgwidth, $imgheight) = explode(",", $options);</p><p> </p><p>if(!$imgwidth) $imgwidth = 336; //표시할 이미지의 가로사이즈</p><p>if(!$imgheight) $imgheight = 194; //표시할 이미지의 세로사이즈</p><p>$img_quality = 100;</p><p> </p><p>$data_path = G5_DATA_PATH."/file/$bo_table";</p><p>$thumb_path = $data_path.'/thumb_slidersjs';</p><p>$ym = date("ym", G5_SERVER_TIME);</p><p> </p><p>@mkdir($thumb_path, 0707);</p><p>@chmod($thumb_path, 0707);</p><p>?></p><p> </p><p>  <link rel="stylesheet" href="<?php echo $latest_skin_url; ?>/css/font-awesome.min.css"></p><p>  </p><p>  <!-- SlidesJS Optional: If you'd like to use this design --></p><p><style></p><p>    #slides {</p><p>      display: none</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>    }</p><p> </p><p>    #slides .slidesjs-navigation {</p><p>      margin-top:5px;</p><p>    }</p><p> </p><p>    a.slidesjs-next,</p><p>    a.slidesjs-previous,</p><p>    a.slidesjs-play,</p><p>    a.slidesjs-stop {</p><p>      background-image: url(<?php echo $latest_skin_url; ?>/img/btns-next-prev.png);</p><p>      background-repeat: no-repeat;</p><p>      display:block;</p><p>      width:12px;</p><p>      height:18px;</p><p>      overflow: hidden;</p><p>      text-indent: -9999px;</p><p>      float: left;</p><p>      margin-right:5px;</p><p> </p><p>    }</p><p> </p><p>    a.slidesjs-next {</p><p>      margin-right:10px;</p><p>      background-position: -12px 0;</p><p>    }</p><p> </p><p>    a:hover.slidesjs-next {</p><p>      background-position: -12px -18px;</p><p>    }</p><p> </p><p>    a.slidesjs-previous {</p><p>      background-position: 0 0;</p><p>    }</p><p> </p><p>    a:hover.slidesjs-previous {</p><p>      background-position: 0 -18px;</p><p>    }</p><p> </p><p>    a.slidesjs-play {</p><p>      width:15px;</p><p>      background-position: -25px 0;</p><p>    }</p><p> </p><p>    a:hover.slidesjs-play {</p><p>      background-position: -25px -18px;</p><p>    }</p><p> </p><p>    a.slidesjs-stop {</p><p>      width:18px;</p><p>      background-position: -41px 0;</p><p>    }</p><p> </p><p>    a:hover.slidesjs-stop {</p><p>      background-position: -41px -18px;</p><p>    }</p><p> </p><p>    .slidesjs-pagination {</p><p>      margin: 7px 0 0;</p><p>      float: right;</p><p>      list-style: none;</p><p>    }</p><p> </p><p>    .slidesjs-pagination li {</p><p>      float: left;</p><p>      margin: 0 1px;</p><p>    }</p><p> </p><p>    .slidesjs-pagination li a {</p><p>      display: block;</p><p>      width: 13px;</p><p>      height: 0;</p><p>      padding-top: 13px;</p><p>      background-image: url(<?php echo $latest_skin_url; ?>/img/pagination.png);</p><p>      background-position: 0 0;</p><p>      float: left;</p><p>      overflow: hidden;</p><p>    }</p><p> </p><p>    .slidesjs-pagination li a.active,</p><p>    .slidesjs-pagination li a:hover.active {</p><p>      background-position: 0 -13px</p><p>    }</p><p> </p><p>    .slidesjs-pagination li a:hover {</p><p>      background-position: 0 -26px</p><p>    }</p><p> </p><p>    #slides a:link,</p><p>    #slides a:visited {</p><p>      color: #333</p><p>    }</p><p> </p><p>    #slides a:hover,</p><p>    #slides a:active {</p><p>      color: #9e2020</p><p>    }</p><p> </p><p>    .navbar {</p><p>      overflow: hidden</p><p>    }</p><p></style></p><p>  <!-- End SlidesJS Optional--></p><p> </p><p>  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow --></p><p>  <style></p><p>    #slides {</p><p>      display: none</p><p>    }</p><p> </p><p>    .container {</p><p>      margin: 0 auto</p><p>    }</p><p>  </style></p><p> </p><p>  <div class="container"></p><p>    <div id="slides"></p><p>      <?php</p><p>        for ($i=0; $i<count($list); $i++) {</p><p>          //썸네일 생성</p><p>          $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $imgwidth, $imgheight);</p><p>          if($thumb['src']) {</p><p>            $img_content = '<img class="img_left" src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="'.$imgwidth.'" height="'.$imgheight.'">';</p><p>          } else {</p><p>            $img_content = 'NO IMAGE';</p><p>          }</p><p> </p><p>          if ($list[$i][wr_link1]) {</p><p>            if ($list[$i][wr_link2] == "none") {</p><p>              echo "{$img_content}";</p><p>            } elseif ($list[$i][wr_link2] == "_blank") {</p><p>              echo "<a href='{$list[$i][wr_link1]}' target='_blank'>{$img_content}</a>";</p><p>            } elseif ($list[$i][wr_link2] == "_self") {</p><p>              echo "<a href='{$list[$i][wr_link1]}'>{$img_content}</a>";</p><p>            } else {</p><p>              if ($list[$i][wr_link1]) { </p><p>                echo "<a href='{$list[$i][wr_link1]}' target='_blank'>{$img_content}</a>";</p><p>              } else { </p><p>                echo "<a href='{$list[$i][href]}'>{$img_content}</a>";</p><p>              }</p><p>            }</p><p>          } else {</p><p>            echo "{$img_content}";</p><p>          }</p><p>        }</p><p> </p><p>        if (count($list) == 0) { </p><p>          echo "<center><font color=#6A6A6A>새소식이 없습니다.</font></center>";</p><p>        } </p><p>      ?></p><p>    </div></p><p>  </div></p><p> </p><p><!--<script src="<a href="<a href="http://code.jquery.com/jquery-1.9.1.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.9.1.min.js</a>"><a href="http://code.jquery.com/jquery-1.9.1.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.9.1.min.js</a></a>"></script>//--></p><p><script src="<?php echo $latest_skin_url; ?>/js/jquery.slides.min.js"></script></p><p>  <script></p><p>    $(function() {</p><p>      $('#slides').slidesjs({</p><p>        width: <?php echo $imgwidth; ?>,</p><p>        height: <?php echo $imgheight; ?>,</p><p>        play: {</p><p>          active: true,</p><p>          auto: true,</p><p>          interval: 4000,</p><p>          swap: true,</p><p>          pauseOnHover: true,</p><p>          restartDelay: 2500</p><p>        }</p><p>      });</p><p>    });</p><p>  </script> </p><p>