모바일 갤러리 리스트 정렬 스크립트 추가 및 view 이미지 리사이즈 스크립트 변경

mobile/skin/board/basic/view.skin.php

@@ -4,6 +4,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 ?>
 
 <link rel="stylesheet" href="<?php echo $board_skin_url ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
 
 <div id="bo_v_table"><?php echo $board['bo_subject']; ?></div>
 
@@ -226,6 +227,9 @@ $(function() {
         excute_good(this.href, $(this), $tx);
         return false;
     });
+
+    // 이미지 리사이즈
+    $("#bo_v_atc").viewimageresize();
 });
 
 function excute_good(href, $el, $tx)

mobile/skin/board/gallery/list.skin.php

@@ -4,6 +4,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 ?>
 
 <link rel="stylesheet" href="<?php echo $board_skin_url ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/jquery.fancylist.js"></script>
 
 <?php if (!$wr_id) { ?><h1 id="bo_list_title"><?php echo $g5['title'] ?></h1><?php } ?>
 
@@ -48,13 +49,6 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 
     <ul id="gall_ul">
         <?php for ($i=0; $i<count($list); $i++) {
-            if($i>0 && ($i % $board['bo_mobile_gallery_cols'] == 0))
-                $style = 'clear:both;';
-            else
-                $style = '';
-            if ($i == 0) $k = 0;
-            $k += 1;
-            if ($k % $board['bo_mobile_gallery_cols'] == 0) $style .= "margin:0 !important;";
         ?>
         <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>">
             <?php if ($is_checkbox) { ?>
@@ -145,6 +139,12 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
     </form>
 </div>
 
+<script>
+$(window).on("load", function() {
+    $("#gall_ul").fancyList(".gall_li", "gall_clear");
+});
+</script>
+
 <?php if($is_checkbox) { ?>
 <noscript>
 <p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>

mobile/skin/board/gallery/style.css

@@ -71,7 +71,7 @@
 #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
 #bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
 
-#bo_gall .gall_li {float:left;padding:0 1em 2em 0}
+#bo_gall .gall_li {float:left;padding:0 10px 20px 0}
 #bo_gall .gall_clear {clear:both}
 
 #bo_gall .gall_con {margin:0;padding:0;list-style:none}

mobile/skin/board/gallery/view.skin.php

@@ -4,6 +4,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 ?>
 
 <link rel="stylesheet" href="<?php echo $board_skin_url ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
 
 <div id="bo_v_table"><?php echo $board['bo_subject']; ?></div>
 
@@ -226,6 +227,9 @@ $(function() {
         excute_good(this.href, $(this), $tx);
         return false;
     });
+
+    // 이미지 리사이즈
+    $("#bo_v_atc").viewimageresize();
 });
 
 function excute_good(href, $el, $tx)