From 3619a059dcb1c71798db9103a8a56e27ed832ad0 Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Mon, 13 May 2013 15:49:41 +0900
Subject: [PATCH] =?UTF-8?q?M=EC=87=BC=ED=95=91=EB=AA=B0:=20#156=20?=
 =?UTF-8?q?=EC=83=81=ED=92=88=EC=83=81=EC=84=B8=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B3=B8=EB=AC=B8=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=A6=AC?=
 =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A7=95=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/mobile_shop.css  |  1 +
 mobile/shop/item.php | 86 +++++++++++++++++++++-----------------------
 2 files changed, 42 insertions(+), 45 deletions(-)

diff --git a/css/mobile_shop.css b/css/mobile_shop.css
index a893c34da..cd19a7bdc 100644
--- a/css/mobile_shop.css
+++ b/css/mobile_shop.css
@@ -356,6 +356,7 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
 
 #sit_inf_basic {margin:0 0 1em}
 #sit_inf_explan {margin:0 0 1em}
+#sit_inf_explan img {max-width:100%;height:auto}
 
 #sit_inf_open {width:100%;border:0;border-collapse:collapse}
 #sit_inf_open th {padding:0.5em 1em;border:1px solid #fff;background:#f5f6fa;text-align:left}
diff --git a/mobile/shop/item.php b/mobile/shop/item.php
index e70da4e4c..5df11e255 100644
--- a/mobile/shop/item.php
+++ b/mobile/shop/item.php
@@ -702,56 +702,52 @@ else
         menu(id);
         save_qa_id = id;
     }
+    </script>
 
-    // 상품상세설명에 있는 이미지의 사이즈를 줄임
-    // 삭제 대상 - 지운아빠 2013-05-03
-    function explan_resize_image()
+    <!--[if lte IE 6]>
+    <script>
+    // 이미지 등비율 리사이징
+    $(window).load(function() {
+        view_image_resize();
+    });
+
+    function view_image_resize()
     {
-        var image_width = 600;
-        var div_explan = document.getElementById('div_explan');
-        if (div_explan) {
-            var explan_img = div_explan.getElementsByTagName('img');
-            for(i=0;i<explan_img.length;i++)
-            {
-                //document.write(explan_img[i].src+"<br>");
-                img = explan_img[i];
-                if (img.width) {
-                    imgx = parseInt(img.width);
-                    imgy = parseInt(img.height);
-                }
-                else {
-                    imgx = parseInt(img.style.width);
-                    imgy = parseInt(img.style.height);
-                }
-                if (imgx > image_width)
-                {
-                    image_height = parseFloat(imgx / imgy)
-                    if (img.width) {
-                        img.width = image_width;
-                        img.height = parseInt(image_width / image_height);
-                    }
-                    else {
-                        img.style.width = image_width;
-                        img.style.height = parseInt(image_width / image_height);
-                    }
-                }
-                /*
-                // 이미지를 가운데로 정렬하는 경우에 주석을 풀어줌
-                img.style.position = 'relative';
-                img.style.left = '50%';
-                img.style.marginLeft = '-300px'; // image_width 의 절반
-                */
+        var $img = $("#sit_inf_explan img");
+        var img_wrap = $("#sit_inf_explan").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);
+            }
+        });
     }
     </script>
-
-    <!-- 삭제 대상 -지운아빠 2013-05-03 -->
-    <script type="text/javascript">
-    $(function() {
-        explan_resize_image();
-    });
-    </script>
+    <![endif]-->
 
 </div><!-- #sit 끝 -->