사용후기 상품문의 이미지 리사이즈 스크립트 추가

js/iteminfoimageresize.js

@@ -0,0 +1,44 @@
+(function($) {
+    $.fn.iteminfoimageresize = 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 $this = this;
+
+        function image_resize()
+        {
+            var width = $this.width();
+
+            $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("resize", function() {
+            image_resize();
+        });
+
+        image_resize();
+    }
+}(jQuery));

mobile/skin/shop/basic/itemqa.skin.php

@@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 상품문의 목록 시작 { -->
 <section id="sit_qa_list">
@@ -110,7 +111,12 @@ $(function(){
             $con.slideUp();
         } else {
             $(".sit_qa_con:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
         }
     });
 

mobile/skin/shop/basic/itemqalist.skin.php

@@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 전체 상품 문의 목록 시작 { -->
 <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
@@ -111,7 +112,12 @@ $(function(){
         } else {
             $(".sqa_con_btn button").text("보기");
             $("div[id^=sqa_con]:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
             $(this).text("닫기");
         }
     });

mobile/skin/shop/basic/itemuse.skin.php

@@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 상품 사용후기 시작 { -->
 <section id="sit_use_list">
@@ -28,7 +29,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
     ?>
 
         <li class="sit_use_li">
-            <button type="button" class="sit_use_li_title" onclick="javascript:qa_menu('sit_use_con_<?php echo $i; ?>')"><b><?php echo $is_num; ?>.</b> <?php echo $is_subject; ?></button>
+            <button type="button" class="sit_use_li_title"><b><?php echo $is_num; ?>.</b> <?php echo $is_subject; ?></button>
             <dl class="sit_use_dl">
                 <dt>작성자</dt>
                 <dd><?php echo $is_name; ?></dd>
@@ -90,7 +91,12 @@ $(function(){
             $con.slideUp();
         } else {
             $(".sit_use_con:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
         }
     });
 

mobile/skin/shop/basic/itemuselist.skin.php

@@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 전체 상품 사용후기 목록 시작 { -->
 <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
@@ -91,7 +92,12 @@ $(function(){
         } else {
             $(".sps_con_btn button").text("보기");
             $("div[id^=sps_con]:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
             $(this).text("닫기");
         }
     });

skin/shop/basic/itemqa.skin.php

@@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 상품문의 목록 시작 { -->
 <section id="sit_qa_list">
@@ -110,7 +111,12 @@ $(function(){
             $con.slideUp();
         } else {
             $(".sit_qa_con:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
         }
     });
 

skin/shop/basic/itemqalist.skin.php

@@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 전체 상품 문의 목록 시작 { -->
 
@@ -112,7 +113,12 @@ $(function(){
         } else {
             $(".sqa_con_btn button").text("보기");
             $("div[id^=sqa_con]:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
             $(this).text("닫기");
         }
     });

skin/shop/basic/itemuse.skin.php

@@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 상품 사용후기 시작 { -->
 <section id="sit_use_list">
@@ -89,7 +90,12 @@ $(function(){
             $con.slideUp();
         } else {
             $(".sit_use_con:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
         }
     });
 

skin/shop/basic/itemuselist.skin.php

@@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
 
 <!-- 전체 상품 사용후기 목록 시작 { -->
 <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
@@ -90,7 +91,12 @@ $(function(){
         } else {
             $(".sps_con_btn button").text("보기");
             $("div[id^=sps_con]:visible").hide();
-            $con.slideDown();
+            $con.slideDown(
+                function() {
+                    // 이미지 리사이즈
+                    $con.iteminfoimageresize();
+                }
+            );
             $(this).text("닫기");
         }
     });