From 0d88f35f81ffbf9602d6ac4afcf2893d771a3eab Mon Sep 17 00:00:00 2001
From: chicpro <chicpro@gmail.com>
Date: Mon, 3 Mar 2014 14:23:34 +0900
Subject: [PATCH] =?UTF-8?q?=EC=83=81=ED=92=88=EC=9D=B4=EB=AF=B8=EC=A7=80?=
 =?UTF-8?q?=20=ED=81=AC=EA=B2=8C=20=EB=B3=B4=EA=B8=B0=20=EC=8A=A4=ED=82=A8?=
 =?UTF-8?q?=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mobile/shop/largeimage.php                 | 68 ++--------------
 mobile/skin/shop/basic/largeimage.skin.php | 91 ++++++++++++++++++++++
 shop/largeimage.php                        | 68 ++--------------
 skin/shop/basic/largeimage.skin.php        | 69 ++++++++++++++++
 4 files changed, 170 insertions(+), 126 deletions(-)
 create mode 100644 mobile/skin/shop/basic/largeimage.skin.php
 create mode 100644 skin/shop/basic/largeimage.skin.php

diff --git a/mobile/shop/largeimage.php b/mobile/shop/largeimage.php
index 24721505c..dad3c2fde 100644
--- a/mobile/shop/largeimage.php
+++ b/mobile/shop/largeimage.php
@@ -17,71 +17,13 @@ $size = getimagesize($imagefile);
 
 $g5['title'] = "{$row['it_name']} ($it_id)";
 include_once(G5_PATH.'/head.sub.php');
-?>
 
-<div id="sit_pvi_nw" class="new_win">
-    <h1 id="win_title">상품 이미지 새 창 보기</h1>
+$skin = G5_MSHOP_SKIN_PATH.'/largeimage.skin.php';
 
-    <div id="sit_pvi_nwbig">
-        <?php
-        $thumbnails = array();
-        for($i=1; $i<=10; $i++) {
-            if(!$row['it_img'.$i])
-                continue;
+if(is_file($skin))
+    include_once($skin);
+else
+    echo '<p>'.str_replace(G5_PATH.'/', '', $skin).'파일이 존재하지 않습니다.</p>';
 
-            $file = G5_DATA_PATH.'/item/'.$row['it_img'.$i];
-            if(is_file($file)) {
-                // 썸네일
-                $thumb = get_it_thumbnail($row['it_img'.$i], 60, 60);
-                $thumbnails[$i] = $thumb;
-                $imageurl = G5_DATA_URL.'/item/'.$row['it_img'.$i];
-        ?>
-        <span>
-            <a href="javascript:window.close();">
-                <img src="<?php echo $imageurl; ?>" width="<?php echo $size[0]; ?>" height="<?php echo $size[1]; ?>" alt="<?php echo $row['it_name']; ?>" id="largeimage">
-            </a>
-        </span>
-        <?php
-            }
-        }
-        ?>
-    </div>
-
-    <?php
-    $total_count = count($thumbnails);
-    $thumb_count = 0;
-    if($total_count > 0) {
-        echo '<ul>';
-        foreach($thumbnails as $key=>$val) {
-            echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&amp;no='.$key.'" class="img_thumb">'.$val.'</a></li>';
-        }
-        echo '</ul>';
-    }
-    ?>
-
-    <div class="win_btn">
-        <button type="button" onclick="javascript:window.close();">창닫기</button>
-    </div>
-</div>
-
-<script>
-$(function(){
-    // 창 사이즈 조절
-    var w = <?php echo $size[0]; ?> + 50;
-    var h = <?php echo $size[1]; ?> + 210;
-    window.resizeTo(w, h);
-
-    $("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
-
-    // 이미지 미리보기
-    $(".img_thumb").bind("mouseover focus", function(){
-        var idx = $(".img_thumb").index($(this));
-        $("#sit_pvi_nwbig span.visible").removeClass("visible");
-        $("#sit_pvi_nwbig span:eq("+idx+")").addClass("visible");
-    });
-});
-</script>
-
-<?php
 include_once(G5_PATH.'/tail.sub.php');
 ?>
\ No newline at end of file
diff --git a/mobile/skin/shop/basic/largeimage.skin.php b/mobile/skin/shop/basic/largeimage.skin.php
new file mode 100644
index 000000000..beda8cf90
--- /dev/null
+++ b/mobile/skin/shop/basic/largeimage.skin.php
@@ -0,0 +1,91 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
+?>
+
+<div id="sit_pvi_nw" class="new_win">
+    <h1 id="win_title">상품 이미지 새 창 보기</h1>
+
+    <div id="sit_pvi_nwbig">
+        <?php
+        $thumbnails = array();
+        for($i=1; $i<=10; $i++) {
+            if(!$row['it_img'.$i])
+                continue;
+
+            $file = G5_DATA_PATH.'/item/'.$row['it_img'.$i];
+            if(is_file($file)) {
+                // 썸네일
+                $thumb = get_it_thumbnail($row['it_img'.$i], 60, 60);
+                $thumbnails[$i] = $thumb;
+                $imageurl = G5_DATA_URL.'/item/'.$row['it_img'.$i];
+        ?>
+        <span>
+            <a href="javascript:window.close();">
+                <img src="<?php echo $imageurl; ?>" width="<?php echo $size[0]; ?>" alt="<?php echo $row['it_name']; ?>" id="largeimage_<?php echo $i; ?>">
+            </a>
+        </span>
+        <?php
+            }
+        }
+        ?>
+    </div>
+
+    <?php
+    $total_count = count($thumbnails);
+    $thumb_count = 0;
+    if($total_count > 0) {
+        echo '<ul>';
+        foreach($thumbnails as $key=>$val) {
+            echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&amp;no='.$key.'" class="img_thumb">'.$val.'</a></li>';
+        }
+        echo '</ul>';
+    }
+    ?>
+
+    <div class="win_btn">
+        <button type="button" onclick="javascript:window.close();">창닫기</button>
+    </div>
+</div>
+
+<script>
+$(function(){
+    fit_width();
+
+    $("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
+
+    // 이미지 미리보기
+    $(".img_thumb").bind("mouseover focus", function(){
+        var idx = $(".img_thumb").index($(this));
+        $("#sit_pvi_nwbig span.visible").removeClass("visible");
+        $("#sit_pvi_nwbig span:eq("+idx+")").addClass("visible");
+    });
+
+    $(window).on("resize", function() {
+        fit_width();
+    });
+});
+
+function fit_width()
+{
+    var sw = $(window).width();
+    var $img = $("#sit_pvi_nwbig span img");
+
+    if($img.size() < 1)
+        return;
+
+    $img.each(function() {
+        var w = $(this).width();
+        if($(this).data("width") == undefined)
+            $(this).data("width", w);
+
+        if(parseInt($(this).data("width")) > sw) {
+            $(this).removeAttr("width").css("width", "100%");
+        } else {
+            $(this).width($(this).data("width"));
+        }
+    });
+}
+</script>
\ No newline at end of file
diff --git a/shop/largeimage.php b/shop/largeimage.php
index 3f07d1ad8..ffaed37d2 100644
--- a/shop/largeimage.php
+++ b/shop/largeimage.php
@@ -22,71 +22,13 @@ $size = getimagesize($imagefile);
 
 $g5['title'] = "{$row['it_name']} ($it_id)";
 include_once(G5_PATH.'/head.sub.php');
-?>
 
-<div id="sit_pvi_nw" class="new_win">
-    <h1 id="win_title">상품 이미지 새창 보기</h1>
+$skin = G5_SHOP_SKIN_PATH.'/largeimage.skin.php';
 
-    <div id="sit_pvi_nwbig">
-        <?php
-        $thumbnails = array();
-        for($i=1; $i<=10; $i++) {
-            if(!$row['it_img'.$i])
-                continue;
+if(is_file($skin))
+    include_once($skin);
+else
+    echo '<p>'.str_replace(G5_PATH.'/', '', $skin).'파일이 존재하지 않습니다.</p>';
 
-            $file = G5_DATA_PATH.'/item/'.$row['it_img'.$i];
-            if(is_file($file)) {
-                // 썸네일
-                $thumb = get_it_thumbnail($row['it_img'.$i], 60, 60);
-                $thumbnails[$i] = $thumb;
-                $imageurl = G5_DATA_URL.'/item/'.$row['it_img'.$i];
-        ?>
-        <span>
-            <a href="javascript:window.close();">
-                <img src="<?php echo $imageurl; ?>" width="<?php echo $size[0]; ?>" height="<?php echo $size[1]; ?>" alt="<?php echo $row['it_name']; ?>" id="largeimage">
-            </a>
-        </span>
-        <?php
-            }
-        }
-        ?>
-    </div>
-
-    <?php
-    $total_count = count($thumbnails);
-    $thumb_count = 0;
-    if($total_count > 0) {
-        echo '<ul>';
-        foreach($thumbnails as $key=>$val) {
-            echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&amp;no='.$key.'" class="img_thumb">'.$val.'</a></li>';
-        }
-        echo '</ul>';
-    }
-    ?>
-
-    <div class="win_btn">
-        <button type="button" onclick="javascript:window.close();">창닫기</button>
-    </div>
-</div>
-
-<script>
-$(function(){
-    // 창 사이즈 조절
-    var w = <?php echo $size[0]; ?> + 50;
-    var h = <?php echo $size[1]; ?> + 210;
-    window.resizeTo(w, h);
-
-    $("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
-
-    // 이미지 미리보기
-    $(".img_thumb").bind("mouseover focus", function(){
-        var idx = $(".img_thumb").index($(this));
-        $("#sit_pvi_nwbig span.visible").removeClass("visible");
-        $("#sit_pvi_nwbig span:eq("+idx+")").addClass("visible");
-    });
-});
-</script>
-
-<?php
 include_once(G5_PATH.'/tail.sub.php');
 ?>
\ No newline at end of file
diff --git a/skin/shop/basic/largeimage.skin.php b/skin/shop/basic/largeimage.skin.php
new file mode 100644
index 000000000..b7736d9cc
--- /dev/null
+++ b/skin/shop/basic/largeimage.skin.php
@@ -0,0 +1,69 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
+?>
+
+<div id="sit_pvi_nw" class="new_win">
+    <h1 id="win_title">상품 이미지 새창 보기</h1>
+
+    <div id="sit_pvi_nwbig">
+        <?php
+        $thumbnails = array();
+        for($i=1; $i<=10; $i++) {
+            if(!$row['it_img'.$i])
+                continue;
+
+            $file = G5_DATA_PATH.'/item/'.$row['it_img'.$i];
+            if(is_file($file)) {
+                // 썸네일
+                $thumb = get_it_thumbnail($row['it_img'.$i], 60, 60);
+                $thumbnails[$i] = $thumb;
+                $imageurl = G5_DATA_URL.'/item/'.$row['it_img'.$i];
+        ?>
+        <span>
+            <a href="javascript:window.close();">
+                <img src="<?php echo $imageurl; ?>" width="<?php echo $size[0]; ?>" height="<?php echo $size[1]; ?>" alt="<?php echo $row['it_name']; ?>" id="largeimage_<?php echo $i; ?>">
+            </a>
+        </span>
+        <?php
+            }
+        }
+        ?>
+    </div>
+
+    <?php
+    $total_count = count($thumbnails);
+    $thumb_count = 0;
+    if($total_count > 0) {
+        echo '<ul>';
+        foreach($thumbnails as $key=>$val) {
+            echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&amp;no='.$key.'" class="img_thumb">'.$val.'</a></li>';
+        }
+        echo '</ul>';
+    }
+    ?>
+
+    <div class="win_btn">
+        <button type="button" onclick="javascript:window.close();">창닫기</button>
+    </div>
+</div>
+
+<script>
+$(function(){
+    // 창 사이즈 조절
+    var w = <?php echo $size[0]; ?> + 50;
+    var h = <?php echo $size[1]; ?> + 210;
+    window.resizeTo(w, h);
+
+    $("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
+
+    // 이미지 미리보기
+    $(".img_thumb").bind("mouseover focus", function(){
+        var idx = $(".img_thumb").index($(this));
+        $("#sit_pvi_nwbig span.visible").removeClass("visible");
+        $("#sit_pvi_nwbig span:eq("+idx+")").addClass("visible");
+    });
+});
+</script>
\ No newline at end of file