Merge branch 'g5'

adm/board_copy_update.php

@@ -84,7 +84,6 @@ $sql = " insert into {$g5['board_table']}
                 bo_gallery_cols = '{$board[bo_gallery_cols]}',
                 bo_gallery_width = '{$board[bo_gallery_width]}',
                 bo_gallery_height = '{$board[bo_gallery_height]}',
-                bo_mobile_gallery_cols = '{$board[bo_mobile_gallery_cols]}',
                 bo_mobile_gallery_width = '{$board[bo_mobile_gallery_width]}',
                 bo_mobile_gallery_height = '{$board[bo_mobile_gallery_height]}',
                 bo_upload_size = '{$board[bo_upload_size]}',

adm/board_form.php

@@ -30,7 +30,7 @@ if (!isset($board['bo_mobile_skin'])) {
 }
 
 if (!isset($board['bo_gallery_width'])) {
-    sql_query(" ALTER TABLE `{$g5['board_table']}` ADD `bo_gallery_width` INT NOT NULL AFTER `bo_gallery_cols`,  ADD `bo_gallery_height` INT NOT NULL DEFAULT '0' AFTER `bo_gallery_width`,  ADD `bo_mobile_gallery_cols` INT NOT NULL DEFAULT '0' AFTER `bo_gallery_height`,  ADD `bo_mobile_gallery_width` INT NOT NULL DEFAULT '0' AFTER `bo_mobile_gallery_cols`,  ADD `bo_mobile_gallery_height` INT NOT NULL DEFAULT '0' AFTER `bo_mobile_gallery_width` ", false);
+    sql_query(" ALTER TABLE `{$g5['board_table']}` ADD `bo_gallery_width` INT NOT NULL AFTER `bo_gallery_cols`,  ADD `bo_gallery_height` INT NOT NULL DEFAULT '0' AFTER `bo_gallery_width`,  ADD `bo_mobile_gallery_width` INT NOT NULL DEFAULT '0' AFTER `bo_gallery_height`,  ADD `bo_mobile_gallery_height` INT NOT NULL DEFAULT '0' AFTER `bo_mobile_gallery_width` ", false);
 }
 
 if (!isset($board['bo_mobile_subject_len'])) {
@@ -101,7 +101,6 @@ if ($w == '') {
     $board['bo_gallery_cols'] = 4;
     $board['bo_gallery_width'] = 174;
     $board['bo_gallery_height'] = 124;
-    $board['bo_mobile_gallery_cols'] = 3;
     $board['bo_mobile_gallery_width'] = 125;
     $board['bo_mobile_gallery_height'] = 100;
     $board['bo_table_width'] = 100;
@@ -988,19 +987,6 @@ $pg_anchor = '<ul class="anchor">
             <label for="chk_all_gallery_height">전체적용</label>
         </td>
     </tr>
-    <tr>
-        <th scope="row"><label for="bo_mobile_gallery_cols">모바일<br>갤러리 이미지 수<strong class="sound_only">필수</strong></label></th>
-        <td>
-            <?php echo help('모바일로 접속시 갤러리 형식의 게시판 목록에서 이미지를 한줄에 몇장씩 보여 줄 것인지를 설정하는 값') ?>
-            <input type="text" name="bo_mobile_gallery_cols" value="<?php echo $board['bo_mobile_gallery_cols'] ?>" id="bo_mobile_gallery_cols" required class="required numeric frm_input" size="4">
-        </td>
-        <td class="group_setting">
-            <input type="checkbox" name="mobile_chk_grp_gallery_cols" id="mobile_chk_grp_gallery_cols" value="1">
-            <label for="mobile_chk_grp_gallery_cols">그룹적용</label>
-            <input type="checkbox" name="mobile_chk_all_gallery_cols" id="mobile_chk_all_gallery_cols" value="1">
-            <label for="mobile_chk_all_gallery_cols">전체적용</label>
-        </td>
-    </tr>
     <tr>
         <th scope="row"><label for="bo_mobile_gallery_width">모바일<br>갤러리 이미지 폭<strong class="sound_only">필수</strong></label></th>
         <td>

adm/board_form_update.php

@@ -100,7 +100,6 @@ $sql_common = " gr_id               = '{$_POST['gr_id']}',
                 bo_gallery_cols     = '{$_POST['bo_gallery_cols']}',
                 bo_gallery_width    = '{$_POST['bo_gallery_width']}',
                 bo_gallery_height   = '{$_POST['bo_gallery_height']}',
-                bo_mobile_gallery_cols  = '{$_POST['bo_mobile_gallery_cols']}',
                 bo_mobile_gallery_width = '{$_POST['bo_mobile_gallery_width']}',
                 bo_mobile_gallery_height= '{$_POST['bo_mobile_gallery_height']}',
                 bo_upload_count     = '{$_POST['bo_upload_count']}',
@@ -264,7 +263,6 @@ if (is_checked('chk_grp_mobile_skin'))          $grp_fields .= " , bo_mobile_ski
 if (is_checked('chk_grp_gallery_cols'))         $grp_fields .= " , bo_gallery_cols = '{$bo_gallery_cols}' ";
 if (is_checked('chk_grp_gallery_width'))        $grp_fields .= " , bo_gallery_width = '{$bo_gallery_width}' ";
 if (is_checked('chk_grp_gallery_height'))       $grp_fields .= " , bo_gallery_height = '{$bo_gallery_height}' ";
-if (is_checked('chk_grp_mobile_gallery_cols'))  $grp_fields .= " , bo_mobile_gallery_cols = '{$bo_mobile_gallery_cols}' ";
 if (is_checked('chk_grp_mobile_gallery_width')) $grp_fields .= " , bo_mobile_gallery_width = '{$bo_mobile_gallery_width}' ";
 if (is_checked('chk_grp_mobile_gallery_height'))$grp_fields .= " , bo_mobile_gallery_height = '{$bo_mobile_gallery_height}' ";
 if (is_checked('chk_grp_table_width'))          $grp_fields .= " , bo_table_width = '{$bo_table_width}' ";
@@ -349,7 +347,6 @@ if (is_checked('chk_all_mobile_skin'))          $all_fields .= " , bo_mobile_ski
 if (is_checked('chk_all_gallery_cols'))         $all_fields .= " , bo_gallery_cols = '{$bo_gallery_cols}' ";
 if (is_checked('chk_all_gallery_width'))        $all_fields .= " , bo_gallery_width = '{$bo_gallery_width}' ";
 if (is_checked('chk_all_gallery_height'))       $all_fields .= " , bo_gallery_height = '{$bo_gallery_height}' ";
-if (is_checked('chk_all_mobile_gallery_cols'))  $all_fields .= " , bo_mobile_gallery_cols = '{$bo_mobile_gallery_cols}' ";
 if (is_checked('chk_all_mobile_gallery_width')) $all_fields .= " , bo_mobile_gallery_width = '{$bo_mobile_gallery_width}' ";
 if (is_checked('chk_all_mobile_gallery_height'))$all_fields .= " , bo_mobile_gallery_height = '{$bo_mobile_gallery_height}' ";
 if (is_checked('chk_all_table_width'))          $all_fields .= " , bo_table_width = '{$bo_table_width}' ";

css/mobile.css

@@ -56,10 +56,6 @@ pre {overflow-x:scroll;font-size:1.1em}
 #lnb a {display:block;padding:0.5em 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
 #lnb li:nth-of-type(5n) a {border-right:0}
 
-/* 배포시에는 필요없는 부분 */
-#sirgle_title {padding:0 1em;height:100px;color:#fff;font-size:2em}
-#sirgle_title_span {display:block;position:relative;top:33px;left:0}
-
 /* 중간 레이아웃 */
 #wrapper {margin:2em 0}
 #wrapper:after {display:block;visibility:hidden;clear:both;content:""}
@@ -179,8 +175,8 @@ li.empty_list {padding:5em 0;text-align:center}
 
 /* 새창 기본 스타일 */
 .new_win {}
-.new_win h1 {margin-bottom:1.5em;padding:0 1.5em;height:3em;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em;line-height:3.5em}
+#new_win_title {margin-bottom:1.5em;padding:0 1.5em;height:3em;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em;line-height:3.5em}
-.new_win table {margin:0 auto 1.5em;width:90%}
+.new_win .basic_tbl {margin:0 auto 1.5em;width:90%}
 .new_win caption {padding:1em}
 .new_win_ul {margin:-1.8em 0 1.5em 0;padding:0 0 0 1.5em;border-bottom:1px solid #455255;background:#484848;list-style:none}
 .new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}

head.sub.php

@@ -87,7 +87,6 @@ if ($is_admin) {
 <script src="<?php echo G5_JS_URL ?>/wrest.js"></script>
 <?php
 if(G5_IS_MOBILE) {
-    echo '<script> set_cookie("device_width", $(window).width(), 6, g5_cookie_domain); </script>'.PHP_EOL;
     echo '<script src="'.G5_JS_URL.'/modernizr.custom.70111.js"></script>'.PHP_EOL; // overflow scroll 감지
 }
 //if(!defined('G5_IS_ADMIN'))

install/gnuboard5.sql

@@ -81,7 +81,6 @@ CREATE TABLE IF NOT EXISTS `g5_board` (
   `bo_gallery_cols` int(11) NOT NULL DEFAULT '0',
   `bo_gallery_width` int(11) NOT NULL DEFAULT '0',
   `bo_gallery_height` int(11) NOT NULL DEFAULT '0',
-  `bo_mobile_gallery_cols` int(11) NOT NULL DEFAULT '0',
   `bo_mobile_gallery_width` int(11) NOT NULL DEFAULT '0',
   `bo_mobile_gallery_height` int(11) NOT NULL DEFAULT '0',
   `bo_upload_size` int(11) NOT NULL DEFAULT '0',

js/viewimageresize.js

@@ -0,0 +1,44 @@
+(function($) {
+    $.fn.viewimageresize = function(selector)
+    {
+        var cfg = {
+                selector: "img"
+            };
+
+        if(typeof selector == "object") {
+            cfg = $.extend(cfg, selector);
+        } else {
+            if(selector) {
+                cfg = $.extend({ selector: selector });
+            }
+        }
+
+        var $img = this.find(cfg.selector);
+        var width = this.width();
+
+        function image_resize()
+        {
+            $img.each(function() {
+                $(this).removeAttr("width")
+                       .removeAttr("height")
+                       .css("width","")
+                       .css("height", "");
+
+                if($(this).data("width") == undefined)
+                    $(this).data("width", $(this).width());
+
+                if($(this).data("width") > width) {
+                    $(this).css("width", "100%");
+                }
+            });
+        }
+
+        $(window).on("load", function() {
+            image_resize();
+        });
+
+        $(window).on("resize", function() {
+            image_resize();
+        });
+    }
+}(jQuery));

lib/thumbnail.lib.php

@@ -80,27 +80,8 @@ function get_view_thumbnail($contents, $thumb_width=0)
 {
     global $board, $config;
 
-    if (!$thumb_width) {
+    if (!$thumb_width)
-        $dvc_width = intval($_COOKIE['device_width']);
-        if(G5_IS_MOBILE && $dvc_width) {
-            // 썸네일 width 설정
-            $thumb_width = 320;
-
-            if($dvc_width > $board['bo_image_width']) {
         $thumb_width = $board['bo_image_width'];
-            } else {
-                if($dvc_width >= 1000) {
-                    $thumb_width = 1000;
-                } else if($dvc_width >= 760 && $dvc_width < 1000) {
-                    $thumb_width = 760;
-                } else if($dvc_width >= 480 && $dvc_width < 760) {
-                    $thumb_width = 480;
-                }
-            }
-        } else {
-            $thumb_width = $board['bo_image_width'];
-        }
-    }
 
     // $contents 중 img 태그 추출
     $matchs = get_editor_image($contents);

mobile/head.php

@@ -110,7 +110,8 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
     <div id="container">
         <?php if ((!$bo_table || $w == 's' ) && !defined("_INDEX_")) { ?><h1 id="wrapper_title"><?php echo $g5['title'] ?></h1><?php } ?>
         <div id="text_size">
-            <button class="no_text_resize" onclick="font_resize('container', 'decrease');">작게</button>
+            <!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); -->
-            <button class="no_text_resize" onclick="font_default('container');">기본</button>
+            <button id="text_size_down" onclick="font_resize('container', 'ts_up ts_up2', '');">기본</button>
-            <button class="no_text_resize" onclick="font_resize('container', 'increase');">크게</button>
+            <button id="text_size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up');">크게</button>
+            <button id="text_size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2');">더크게</button>
         </div>

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,25 +4,12 @@ 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 } ?>
 
-<div class="ad72890">
-    <script type="text/javascript"><!--
-    google_ad_client = "ca-pub-9955166939194057";
-    /* 써글728-1 */
-    google_ad_slot = "9632665464";
-    google_ad_width = 728;
-    google_ad_height = 90;
-    //-->
-    </script>
-    <script type="text/javascript"
-    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
-    </script>
-</div>
-
 <!-- 게시판 목록 시작 -->
-<div id="bo_img">
+<div id="bo_gall">
 
     <?php if ($is_category) { ?>
     <form name="fcategory" id="fcategory" method="get">
@@ -60,18 +47,10 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 
     <h2>이미지 목록</h2>
 
-    <ul id="bo_img_list">
+    <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_width = 100 / $board['bo_mobile_gallery_cols']; // 100% 를 모바일 이미지 수로 나누어 li 넓이값에 적용 - 지운아빠 2013-03-07
         ?>
-        <li class="bo_img_list_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>bo_img_now<?php } ?>" style="<?php echo $style ?>width:<?php echo round($li_width) ?>%">
+        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>">
             <?php if ($is_checkbox) { ?>
             <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
             <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
@@ -84,8 +63,8 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
                     echo $list[$i]['num'];
                 ?>
             </span>
-            <ul class="bo_img_con">
+            <ul class="gall_con">
-                <li class="bo_img_href">
+                <li class="gall_href">
                     <a href="<?php echo $list[$i]['href'] ?>">
                     <?php
                     if ($list[$i]['is_notice']) { // 공지사항 ?>
@@ -105,7 +84,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
                     ?>
                     </a>
                 </li>
-                <li class="bo_img_text_href">
+                <li class="gall_text_href">
                     <?php
                     // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
                     if ($is_category && $list[$i]['ca_name']) {
@@ -127,11 +106,11 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
                     //if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
                     ?>
                 </li>
-                <li><span class="bo_img_subject">작성자 </span><?php echo $list[$i]['name'] ?></li>
+                <li><span class="gall_subject">작성자 </span><?php echo $list[$i]['name'] ?></li>
-                <li><span class="bo_img_subject">작성일 </span><?php echo $list[$i]['datetime2'] ?></li>
+                <li><span class="gall_subject">작성일 </span><?php echo $list[$i]['datetime2'] ?></li>
-                <li><span class="bo_img_subject">조회 </span><?php echo $list[$i]['wr_hit'] ?></li>
+                <li><span class="gall_subject">조회 </span><?php echo $list[$i]['wr_hit'] ?></li>
-                <?php if ($is_good) { ?><li><span class="bo_img_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
+                <?php if ($is_good) { ?><li><span class="gall_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
-                <?php if ($is_nogood) { ?><li><span class="bo_img_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
+                <?php if ($is_nogood) { ?><li><span class="gall_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
             </ul>
         </li>
         <?php } ?>
@@ -160,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

@@ -3,12 +3,12 @@
 
 /* 게시판 버튼 */
 /* 목록 버튼 */
-#bo_img a.btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
+#bo_gall a.btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
-#bo_img a.btn_b01:focus, #bo_img .btn_b01:hover {text-decoration:none}
+#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {text-decoration:none}
-#bo_img a.btn_b02 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
+#bo_gall a.btn_b02 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
-#bo_img a.btn_b02:focus, #bo_img .btn_b02:hover {text-decoration:none}
+#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {text-decoration:none}
-#bo_img a.btn_admin {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
+#bo_gall a.btn_admin {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
-#bo_img a.btn_admin:focus, #bo_img a.btn_admin:hover {text-decoration:none}
+#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {text-decoration:none}
 
 /* 읽기 버튼 */
 #bo_v a.btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
@@ -57,37 +57,35 @@
 #bo_w .required {background:url('../../../../img/wrest.gif') #f7f7f7 top right no-repeat} /* 필수입력 */
 
 /* 갤러리 목록 */
-#bo_img h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
-#bo_img_list {margin:1em 0 0;padding:0 1em;list-style:none}
+#bo_gall #gall_ul {margin:1em 0 0;padding:0 1em;list-style:none}
-#bo_img_list:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
+
+#bo_list_title {padding:0 1em}
 
 #bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
 #bo_cate ul {margin:0.5em 1em;padding-left:1px;zoom:1}
 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_cate li {float:left;margin-bottom:-1px;width:25%}
 #bo_cate a {display:block;position:relative;margin-left:-1px;padding:0.4em 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
-#bo_cate a:focus,
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
-#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_img_list_li {float:left;margin:0 0 2em}
+#bo_gall .gall_li {float:left;padding:0 10px 20px 0}
+#bo_gall .gall_clear {clear:both}
 
-.bo_img_con {margin:0;padding:0;list-style:none}
+#bo_gall .gall_con {margin:0;padding:0;list-style:none}
-.bo_img_con li {margin:0 0 0.3em}
+#bo_gall .gall_con li {margin:0 0 0.3em}
-.bo_img_con .bo_img_subject {display:inline-block;width:50px}
+#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
 
-.bo_img_now .bo_img_text_href a {color:#ff3061}
+#bo_gall .gall_now .gall_text_href a {color:#ff3061}
 
-.bo_img_href a:link,
+#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
-.bo_img_href a:focus,
+#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
-.bo_img_href a:hover {text-decoration:none}
-.bo_img_href strong,
-.bo_img_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
 
-.bo_img_text_href {margin:1em 0 !important}
+#bo_gall .gall_text_href {margin:1em 0 !important}
-.bo_img_text_href a {color:#000;font-weight:bold;text-decoration:none}
+#bo_gall .gall_text_href a {color:#000;font-weight:bold;text-decoration:none}
-.bo_img_text_href img {margin:0 0 0 0.3em}
+#bo_gall .gall_text_href img {margin:0 0 0 0.3em}
 
 /* 게시판 목록 공통 */
 .bo_fx {margin-bottom:0.3em;padding:0.5em 1em}
@@ -109,7 +107,7 @@
 
 #bo_sch {margin-bottom:1em;padding-top:0.3em;text-align:center}
 
-#bo_img li.empty_list {padding:5em 0;text-align:center}
+#bo_gall li.empty_list {padding:5em 0;text-align:center}
 
 /* 게시판 쓰기 */
 #char_count_desc {display:block;margin:0 0 0.3em;padding:0}
@@ -164,7 +162,7 @@
 .bo_v_com li {float:left;margin-left:0.3em}
 
 #bo_v_atc {min-height:200px;padding:0 1em;min-height:200px}
-#bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 1em;width:100%;overflow:hidden:zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
@@ -178,8 +176,7 @@
 #bo_v_act a {margin-right:0.3em;vertical-align:top}
 #bo_v_act span {display:inline-block;margin-right:0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:top}
 #bo_v_act strong {color:#ff3061}
-#bo_v_act_good,
+#bo_v_act_good, #bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
-#bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v_sns {margin:0 0 2em;padding:0;list-style:none;zoom:1}
 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
@@ -193,8 +190,7 @@
 #bo_vc article {padding:0 0 0.5em;border-top:1px dotted #ccc}
 #bo_vc header {position:relative;padding:1.3em 0 0.3em}
 #bo_vc header .icon_reply {position:absolute;top:1.5em;left:-1.3em}
-#bo_vc .sv_member,
+#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-#bo_vc .sv_guest {font-weight:bold}
 .bo_vc_hdinfo {display:inline-block;margin:0 1em 0 0.3em}
 #bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
 #bo_vc a {color:#000;text-decoration: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)

mobile/skin/member/basic/memo.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="memo_list" class="new_win mbskin">
-    <h1><?php echo $g5['title'] ?></h1>
+    <h1 id="new_win_title"><?php echo $g5['title'] ?></h1>
 
     <ul class="new_win_ul">
         <li><a href="./memo.php?kind=recv">받은쪽지</a></li>

mobile/skin/member/basic/memo_form.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="memo_write" class="new_win mbskin">
-    <h1>쪽지보내기</h1>
+    <h1 id="new_win_title">쪽지보내기</h1>
 
     <ul class="new_win_ul">
         <li><a href="./memo.php?kind=recv">받은쪽지</a></li>

mobile/skin/member/basic/memo_view.skin.php

@@ -14,7 +14,8 @@ else {
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="memo_view" class="new_win mbskin">
-    <h1><?php echo $g5['title'] ?></h1>
+    <h1 id="new_win_title"><?php echo $g5['title'] ?></h1>
+
     <ul class="new_win_ul">
         <li><a href="./memo.php?kind=recv">받은쪽지</a></li>
         <li><a href="./memo.php?kind=send">보낸쪽지</a></li>

mobile/skin/member/basic/password_lost.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="find_info" class="new_win mbskin">
-    <h1>아이디/패스워드 찾기</h1>
+    <h1 id="new_win_title">아이디/패스워드 찾기</h1>
 
     <form name="fpasswordlost" action="<?php echo $action_url ?>" onsubmit="return fpasswordlost_submit(this);" method="post" autocomplete="off">
     <fieldset id="find_info_fs">

mobile/skin/member/basic/profile.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="profile" class="new_win mbskin">
-    <h1><?php echo $mb_nick ?>님의 프로필</h1>
+    <h1 id="new_win_title"><?php echo $mb_nick ?>님의 프로필</h1>
 
     <table class="frm_tbl">
     <tbody>

mobile/skin/member/basic/scrap.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="scrap" class="new_win mbskin">
-    <h1><?php echo $g5['title'] ?></h1>
+    <h1 id="new_win_title"><?php echo $g5['title'] ?></h1>
 
     <table class="basic_tbl">
     <caption>스크랩 목록</caption>

mobile/skin/member/basic/scrap_popin.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="scrap_do" class="new_win mbskin">
-    <h1>스크랩하기</h1>
+    <h1 id="new_win_title">스크랩하기</h1>
 
     <form name="f_scrap_popin" action="./scrap_popin_update.php" method="post">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">

mobile/skin/member/basic/zip.skin.php

@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 <link rel="stylesheet" href="<?php echo $member_skin_url ?>/style.css">
 
 <div id="post_code" class="new_win mbskin">
-    <h1><?php echo $g5['title'] ?></h1>
+    <h1 id="new_win_title"><?php echo $g5['title'] ?></h1>
 
     <form name="fzip" method="get" autocomplete="off">
     <input type="hidden" name="frm_name"  value="<?php echo $frm_name ?>">
@@ -25,7 +25,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
     document.fzip.addr1.focus();
     </script>
 
-
     <?php if ($search_count > 0) { ?>
     <dl>
         <dt>총 <?php echo $search_count ?>건 가나다순 정렬</dt>

mobile/skin/outlogin/basic/outlogin.skin.2.php

@@ -13,19 +13,19 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
     </header>
     <ul id="ol_after_private">
         <li id="ol_after_memo">
-            <a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" class="win_memo">
+            <a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank">
                 <span class="sound_only">안 읽은 </span>쪽지
                 <strong><?php echo $memo_not_read ?></strong>
             </a>
         </li>
         <li id="ol_after_pt">
-            <a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" class="win_point">
+            <a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank">
                 포인트
                 <strong><?php echo $point ?></strong>
             </a>
         </li>
         <li id="ol_after_scrap">
-            <a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" class="win_scrap">스크랩</a>
+            <a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank">스크랩</a>
         </li>
     </ul>
     <footer id="ol_after_ft">

skin/board/basic/style.css

@@ -66,7 +66,7 @@
 #bo_w .frm_tbl th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
 #bo_w .frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
 #bo_w .frm_tbl textarea, #bo_w .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;color:#000;vertical-align:middle}
-#bo_w .frm_tbl textarea {width:98%;height:100px}
+#bo_w .frm_tbl textarea {width:98%;height:200px}
 #bo_w .frm_address {display:block;margin-top:5px}
 #bo_w .frm_file {display:block;margin-bottom:5px}
 #bo_w .frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}

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>
@@ -221,40 +222,6 @@ function board_move(href)
 </script>
 
 <script>
-// 이미지 등비율 리사이징
-$(window).load(function() {
-    view_image_resize();
-});
-
-var now = new Date();
-var timeout = false;
-var millisec = 200;
-var tid;
-
-$(window).resize(function() {
-    now = new Date();
-    if (timeout === false) {
-        timeout = true;
-
-        if(tid != null)
-            clearTimeout(tid);
-
-        tid = setTimeout(resize_check, millisec);
-    }
-});
-
-function resize_check() {
-    if (new Date() - now < millisec) {
-        if(tid != null)
-            clearTimeout(tid);
-
-        tid = setTimeout(resize_check, millisec);
-    } else {
-        timeout = false;
-        view_image_resize();
-    }
-}
-
 $(function() {
     $("a.view_image").click(function() {
         window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
@@ -272,44 +239,11 @@ $(function() {
         excute_good(this.href, $(this), $tx);
         return false;
     });
+
+    // 이미지 리사이즈
+    $("#bo_v_atc").viewimageresize();
 });
 
-function view_image_resize()
-{
-    var $img = $("#bo_v_atc img");
-    var img_wrap = $("#bo_v_atc").width();
-    var win_width = $(window).width() - 35;
-    var res_width = 0;
-
-    if(img_wrap < win_width)
-        res_width = img_wrap;
-    else
-        res_width = win_width;
-
-    $img.each(function() {
-        var img_width = $(this).width();
-        var img_height = $(this).height();
-        var this_width = $(this).data("width");
-        var this_height = $(this).data("height");
-
-        if(this_width == undefined) {
-            $(this).data("width", img_width); // 원래 이미지 사이즈
-            $(this).data("height", img_height);
-            this_width = img_width;
-            this_height = img_height;
-        }
-
-        if(this_width > res_width) {
-            $(this).width(res_width);
-            var res_height = Math.round(res_width * $(this).data("height") / $(this).data("width"));
-            $(this).height(res_height);
-        } else {
-            $(this).width(this_width);
-            $(this).height(this_height);
-        }
-    });
-}
-
 function excute_good(href, $el, $tx)
 {
     $.post(

skin/board/gallery/list.skin.php

@@ -8,7 +8,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 <?php if (!$wr_id) { ?><h2 id="bo_list_title"><?php echo $board['bo_subject'] ?><span class="sound_only"> 목록</span></h2><?php } ?>
 
 <!-- 게시판 목록 시작 { -->
-<div id="bo_img" style="width:<?php echo $width; ?>">
+<div id="bo_gall" style="width:<?php echo $width; ?>">
 
     <?php if ($is_category) { ?>
     <form name="fcategory" id="fcategory" method="get">
@@ -44,7 +44,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
     <input type="hidden" name="page" value="<?php echo $page ?>">
     <input type="hidden" name="sw" value="">
 
-    <ul id="bo_img_list">
+    <ul id="gall_ul">
         <?php for ($i=0; $i<count($list); $i++) {
             if($i>0 && ($i % $bo_gallery_cols == 0))
                 $style = 'clear:both;';
@@ -54,7 +54,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
             $k += 1;
             if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;";
          ?>
-        <li class="bo_img_list_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>bo_img_now<?php } ?>" style="<?php echo $style ?>width:<?php echo $board['bo_gallery_width'] ?>px">
+        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:<?php echo $board['bo_gallery_width'] ?>px">
             <?php if ($is_checkbox) { ?>
             <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
             <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
@@ -67,8 +67,8 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
                     echo $list[$i]['num'];
                  ?>
             </span>
-            <ul class="bo_img_con">
+            <ul class="gall_con">
-                <li class="bo_img_href">
+                <li class="gall_href">
                     <a href="<?php echo $list[$i]['href'] ?>">
                     <?php
                     if ($list[$i]['is_notice']) { // 공지사항  ?>
@@ -87,7 +87,7 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
                      ?>
                     </a>
                 </li>
-                <li class="bo_img_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">
+                <li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">
                     <?php
                     // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
                     if ($is_category && $list[$i]['ca_name']) {
@@ -109,11 +109,11 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
                     //if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
                      ?>
                 </li>
-                <li><span class="bo_img_subject">작성자 </span><?php echo $list[$i]['name'] ?></li>
+                <li><span class="gall_subject">작성자 </span><?php echo $list[$i]['name'] ?></li>
-                <li><span class="bo_img_subject">작성일 </span><?php echo $list[$i]['datetime2'] ?></li>
+                <li><span class="gall_subject">작성일 </span><?php echo $list[$i]['datetime2'] ?></li>
-                <li><span class="bo_img_subject">조회 </span><?php echo $list[$i]['wr_hit'] ?></li>
+                <li><span class="gall_subject">조회 </span><?php echo $list[$i]['wr_hit'] ?></li>
-                <?php if ($is_good) { ?><li><span class="bo_img_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
+                <?php if ($is_good) { ?><li><span class="gall_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
-                <?php if ($is_nogood) { ?><li><span class="bo_img_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
+                <?php if ($is_nogood) { ?><li><span class="gall_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
             </ul>
         </li>
         <?php } ?>

skin/board/gallery/style.css

@@ -3,12 +3,12 @@
 
 /* 게시판 버튼 */
 /* 목록 버튼 */
-#bo_img a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
+#bo_gall a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
-#bo_img a.btn_b01:focus, #bo_img a.btn_b01:hover {text-decoration:none}
+#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {text-decoration:none}
-#bo_img a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
+#bo_gall a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
-#bo_img a.btn_b02:focus, #bo_img a.btn_b02:hover {text-decoration:none}
+#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {text-decoration:none}
-#bo_img a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
+#bo_gall a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
-#bo_img a.btn_admin:focus, #bo_img .btn_admin:hover {text-decoration:none}
+#bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover {text-decoration:none}
 
 /* 읽기 버튼 */
 #bo_v a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
@@ -50,7 +50,7 @@
 #bo_w .frm_tbl th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
 #bo_w .frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
 #bo_w .frm_tbl textarea, #bo_w .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;color:#000;vertical-align:middle}
-#bo_w .frm_tbl textarea {width:98%;height:100px}
+#bo_w .frm_tbl textarea {width:98%;height:200px}
 #bo_w .frm_address {display:block;margin-top:5px}
 #bo_w .frm_file {display:block;margin-bottom:5px}
 #bo_w .frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
@@ -69,35 +69,30 @@
 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_cate li {float:left;margin-bottom:-1px}
 #bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
-#bo_cate a:focus,
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
-#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}
 
 .td_subject img {margin-left:3px}
 
 /* 갤러리 목록 */
-#bo_img h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
-#bo_img_list {margin:10px 0 0;padding:0;list-style:none;zoom:1}
+#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1}
-#bo_img_list:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_img_list_li {float:left;margin:0 10px 30px 0}
+#bo_gall .gall_li {float:left;margin:0 10px 30px 0}
 
-.bo_img_con {margin:0;padding:0;list-style:none}
+#bo_gall .gall_con {margin:0;padding:0;list-style:none}
-.bo_img_con li {margin:0 0 4px}
+#bo_gall .gall_con li {margin:0 0 4px}
-.bo_img_con .bo_img_subject {display:inline-block;width:50px}
+#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
 
-.bo_img_now .bo_img_text_href a {color:#ff3061}
+#bo_gall .gall_now .gall_text_href a {color:#ff3061}
 
-.bo_img_href a:link,
+#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
-.bo_img_href a:focus,
+#bo_gall .gall_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}
-.bo_img_href a:hover {text-decoration:none}
-.bo_img_href strong,
-.bo_img_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}
 
-.bo_img_text_href {margin:10px 0 !important}
+#bo_gall .gall_text_href {margin:10px 0 !important}
-.bo_img_text_href a {font-weight:bold}
+#bo_gall .gall_text_href a {font-weight:bold}
-.bo_img_text_href span {display:inline !important}
+#bo_gall .gall_text_href span {display:inline !important}
-.bo_img_text_href img {margin:0 0 0 4px}
+#bo_gall .gall_text_href img {margin:0 0 0 4px}
 
 /* 게시판 목록 공통 */
 .bo_fx {margin-bottom:5px;zoom:1}
@@ -118,7 +113,7 @@
 #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
 #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
 
-#bo_img li.empty_list {padding:85px 0;text-align:center}
+#bo_gall li.empty_list {padding:85px 0;text-align:center}
 
 /* 게시판 쓰기 */
 #char_count_desc {display:block;margin:0 0 5px;padding:0}

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>
@@ -221,40 +222,6 @@ function board_move(href)
 </script>
 
 <script>
-// 이미지 등비율 리사이징
-$(window).load(function() {
-    view_image_resize();
-});
-
-var now = new Date();
-var timeout = false;
-var millisec = 200;
-var tid;
-
-$(window).resize(function() {
-    now = new Date();
-    if (timeout === false) {
-        timeout = true;
-
-        if(tid != null)
-            clearTimeout(tid);
-
-        tid = setTimeout(resize_check, millisec);
-    }
-});
-
-function resize_check() {
-    if (new Date() - now < millisec) {
-        if(tid != null)
-            clearTimeout(tid);
-
-        tid = setTimeout(resize_check, millisec);
-    } else {
-        timeout = false;
-        view_image_resize();
-    }
-}
-
 $(function() {
     $("a.view_image").click(function() {
         window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
@@ -272,44 +239,11 @@ $(function() {
         excute_good(this.href, $(this), $tx);
         return false;
     });
+
+    // 이미지 리사이즈
+    $("#bo_v_atc").viewimageresize();
 });
 
-function view_image_resize()
-{
-    var $img = $("#bo_v_atc img");
-    var img_wrap = $("#bo_v_atc").width();
-    var win_width = $(window).width() - 35;
-    var res_width = 0;
-
-    if(img_wrap < win_width)
-        res_width = img_wrap;
-    else
-        res_width = win_width;
-
-    $img.each(function() {
-        var img_width = $(this).width();
-        var img_height = $(this).height();
-        var this_width = $(this).data("width");
-        var this_height = $(this).data("height");
-
-        if(this_width == undefined) {
-            $(this).data("width", img_width); // 원래 이미지 사이즈
-            $(this).data("height", img_height);
-            this_width = img_width;
-            this_height = img_height;
-        }
-
-        if(this_width > res_width) {
-            $(this).width(res_width);
-            var res_height = Math.round(res_width * $(this).data("height") / $(this).data("width"));
-            $(this).height(res_height);
-        } else {
-            $(this).width(this_width);
-            $(this).height(this_height);
-        }
-    });
-}
-
 function excute_good(href, $el, $tx)
 {
     $.post(

skin/board/gallery/write.skin.php

@@ -4,10 +4,12 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 
 <link rel="stylesheet" href="<?php echo $board_skin_url ?>/style.css">
 
+<section id="bo_w">
     <h2 id="wrapper_title"><?php echo $g5['title'] ?></h2>
 
     <!-- 게시물 작성/수정 시작 { -->
     <form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off" style="width:<?php echo $width; ?>">
+    <input type="hidden" name="uid" value="<?php echo get_uniqid(); ?>">
     <input type="hidden" name="w" value="<?php echo $w ?>">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
     <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
@@ -51,7 +53,7 @@ if ($is_notice || $is_html || $is_secret || $is_mail) {
     echo $option_hidden;
     ?>
 
-<table id="bo_w" class="frm_tbl">
+    <table class="frm_tbl">
     <tbody>
     <?php if ($is_name) { ?>
     <tr>
@@ -103,6 +105,7 @@ echo $option_hidden;
     <tr>
         <th scope="row"><label for="wr_subject">제목<strong class="sound_only">필수</strong></label></th>
         <td>
+            <div id="autosave_wrapper">
                 <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required" size="50" maxlength="255">
                 <?php if ($is_member) { // 임시 저장된 글 기능 ?>
                 <script src="<?php echo G5_JS_URL; ?>/autosave.js"></script>
@@ -114,6 +117,7 @@ echo $option_hidden;
                     <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
                 </div>
                 <?php } ?>
+            </div>
         </td>
     </tr>
 
@@ -260,4 +264,5 @@ function fwrite_submit(f)
         return true;
     }
     </script>
+</section>
 <!-- } 게시물 작성/수정 끝 -->