쇼핑몰: #95 오늘 본 상품 표준화 및 스타일 작업 중

css/default_shop.css

@@ -87,7 +87,19 @@ a:active {color:#000;text-decoration:underline}
 #hd_aside a:focus,
 #hd_aside a:hover {background:#626870;color:#fff}
 
-/* gnb */
+/* 중간 레이아웃 */
+#wrapper {z-index:5;margin:30px auto;width:1000px;zoom:1}
+#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
+#wrapper_title {margin-bottom:20px;font-size:1.2em}
+
+/* 오늘 본 상품 */
+#stod {float:right}
+#stod span {display:none}
+
+/* aside wrapper */
+#aside {float:left;margin:0 10px 0 0;width:150px}
+
+/* aside:gnb */
 #gnb {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f7f7f7}
 #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 .gnb_1dul {margin:0;border:0;background:#fff;list-style:none}
@@ -103,15 +115,7 @@ a:active {color:#000;text-decoration:underline}
 .gnb_2da:focus,
 .gnb_2da:hover {text-decoration:none}
 
-/* 중간 레이아웃 */
-#wrapper {z-index:5;margin:30px auto;width:1000px;zoom:1}
-#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
-#wrapper_title {margin-bottom:20px;font-size:1.2em}
-
-#stod {float:right}
-
-#aside {float:left;margin:0 10px 0 0;width:150px}
-
+/* aside:이벤트 링크 */
 #sev {margin:0 0 5px;padding:0 0 10px;border:1px solid #ecc9d6;background:#fff8fb}
 #sev h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #sev ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
@@ -122,6 +126,7 @@ a:active {color:#000;text-decoration:underline}
 #sev strong {}
 #sev_empty {padding:15px 0;text-align:center}
 
+/* aside:커뮤니티 링크 */
 #scomm {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f7f7f7}
 #scomm h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #scomm ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
@@ -130,6 +135,7 @@ a:active {color:#000;text-decoration:underline}
 #scomm a:hover {background:#f9f9f9}
 #scomm_empty {padding:15px 0;text-align:center}
 
+/* asdie:배너 */
 #sbn_aside {margin:0 0 5px}
 #sbn_aside h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #sbn_aside ul {margin:0;padding:0;border:0;list-style:none}

shop/boxtodayview.inc.php

@@ -4,13 +4,55 @@ $tv_idx = get_session("ss_tv_idx");
 $tv_div['top'] = 0;
 $tv_div['img_width'] = 70;
 $tv_div['img_height'] = 70;
-$tv_div['img_length'] = 4; // 보여지는 최대 이미지수
+$tv_div['img_length'] = 3; // 노출할 이미지 순
+
+echo '<button id="up">위로</button>';
+echo '<button id="down">아래로</button>';
+echo '<br>';
+
+for ($i=0;$i<9;$i++) {
+    if ($i==0) $k=0;
+    if ($i%3==0) $k++;
+    echo '<span class="tdlist c'.$k.'">class'.$k.'</span>';
+}
 ?>
 
-<div id='divTodayHidden' style="position:relative; top:<?php echo $tv_div['top']; ?>;display:none;"><a href='javascript:todayview_visible();'><img src='<?php echo G4_SHOP_URL; ?>/img/todayview.gif' border=0></a></div>
-<div id='divToday' style="position:relative; top:0;">
-<table cellpadding=0 cellspacing=0 border="0" bgcolor="#FFFFFF">
-<tr><td background='<?php echo G4_SHOP_URL; ?>/img/todayview01.gif' height=31 align=right><span id='todayviewcount'></span>&nbsp;&nbsp;</td></tr>
+<script>
+$(function() {
+    var flag = 1; // 페이지값
+    var show = 3;
+    var goal = parseInt(<?php echo $i; ?>/show); // 전체 리스트를 3(한 번에 보여줄 값)으로 나눠 flag 최대값을 구하고
+    var goalrest = parseInt(<?php echo $i; ?>%show); // 나머지 값을 구한 후
+    if (goalrest > 0) // 나머지 값이 있다면
+    {
+        goal++; // flag 최댓값에 1을 더한다.
+    }
+    $('.c'+flag).css('display','block');
+    $('#up').click(function() {
+        if (flag == 1)
+        {
+            alert('처음 목록입니다.');
+        } else {
+            flag--;
+            $('.c'+flag).css('display','block');
+            $('.c'+(flag+1)).css('display','none');
+        }
+    })
+    $('#down').click(function() {
+        if (flag == goal)
+        {
+            alert('마지막 목록입니다.');
+        } else {
+            flag++;
+            $('.c'+flag).css('display','block');
+            $('.c'+(flag-1)).css('display','none');
+        }
+    });
+});
+</script>
+
+
+<span id='todayviewcount'></span>
 <?php
 // 오늘 본 상품이 있다면
 if ($tv_idx)
@@ -38,9 +80,7 @@ else
     echo "<tr><td><img src='".G4_SHOP_URL."/img/todayview04.gif'></td></tr>";
 }
 ?>
-<tr><td><a href='javascript:todayview_hidden();'><img src='<?php echo G4_SHOP_URL; ?>/img/todayview06.gif' border=0></a></td></tr>
 </table>
-</div>
 
 <!-- 오늘 본 상품 -->
 <script language="JavaScript">
@@ -127,7 +167,7 @@ if ($tv_idx)
 ?>
 </script>
 
-<script language=javascript>
+<script>
 function CheckUIElements()
 {
     var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
@@ -162,22 +202,5 @@ function CheckUIElements()
 
     setTimeout ("CheckUIElements()", timeoutNextCheck);
 }
-
-function OnLoad() {
-    var y;
-
-    if ( top.frames.length )
-        document.getElementById('divToday').style.display = '';
-
-    CheckUIElements();
-    return true;
-}
-
-OnLoad();
-
-<?php
-if ($_COOKIE['ck_tvhidden'])
-    echo "todayview_hidden();";
-?>
 //-->
 </script>