1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
<?php
$sql = "select * from mBoard_shopping where show_list = '1' order by set_price desc ";
$res = mysql_query($sql,$connect_web);
while($info = mysql_fetch_array($res)){
$item_list_array[] = $info;
}
?>
<script>
$(function(){
$(window).scroll(function(){
var vv = parseInt($(window).scrollTop())+parseInt($(window).height());
base_top = 1300;
item_top = 450;
if(vv>(base_top+item_top)){ $(".sample .item").eq(0).show("slow"); }
if(vv>(base_top+item_top)){ $(".sample .item").eq(1).show("slow"); }
if(vv>(base_top+item_top*2)){ $(".sample .item").eq(2).show("slow"); }
if(vv>(base_top+item_top*2)){ $(".sample .item").eq(3).show("slow"); }
if(vv>(base_top+item_top*3)){ $(".sample .item").eq(4).show("slow"); }
if(vv>(base_top+item_top*3)){ $(".sample .item").eq(5).show("slow"); }
if(vv>(base_top+item_top*4)){ $(".sample .item").eq(6).show("slow"); }
if(vv>(base_top+item_top*4)){ $(".sample .item").eq(7).show("slow"); }
if(vv>(base_top+item_top*5)){ $(".sample .item").eq(8).show("slow"); }
if(vv>(base_top+item_top*5)){ $(".sample .item").eq(9).show("slow"); }
if(vv>(base_top+item_top*6)){ $(".sample .item").eq(10).show("slow"); }
});
$(".sample .item").each(function(){
$(this).hide();
});
var vv = parseInt($(window).scrollTop())+parseInt($(window).height());
base_top = 1300;
item_top = 450;
if(vv>(base_top+item_top)){ $(".sample .item").eq(0).show("slow"); }
if(vv>(base_top+item_top)){ $(".sample .item").eq(1).show("slow"); }
});
</script>
<style>
.item .thumbnail .div_class {display:block;overflow:hidden;}
.item .thumbnail .div_class a {position:relative;}
.item .thumbnail .div_class a img {
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
-ms-transition: transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.item .thumbnail .div_class:hover a img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
</style>
<div class="sample portfolio">
<!--h2>쇼핑몰상품</h2-->
<?php
for($i=0;$i<count($item_list_array);$i++){
$item_info = $item_list_array[$i];
?>
<div class="item">
<h3><a name="portfolio"><span class="sound_only">포트폴리오</span></a></h3>
<div class="item_info">
<dl>
<dt><sub>B2B쇼핑몰 + 모바일 + 천년경영</sub><a href="#"><?php echo $item_info['list_subject'];?></a></dt>
<dd class="text"><b style="color:#000;">천년경영과 연동</b> 관리되는 <b style="color:#000;">B2B쇼핑몰</b></dd>
<dd class="basic"><?php echo $item_info['list_basic'];?></dd>
</dl>
</div>
<div class="thumbnail">
<p class="num"><?php echo $i+1; ?></p>
<div class='div_class'><a href="./item.php?uid=<?echo $item_info['uid'];?>"><img src="./data/img/<?php echo $item_info['uid']."/img_1";?>" alt="템플릿1상세보기" style="width:470px;"></a></div>
<dl>
<dt>체험하기 : </dt>
<dd class="btn1"><a href="<?php echo $item_info['demo_link'];?>?device=pc" target='_blank'>쇼핑몰데모</a></dd>
<dd class="btn2"><a href="<?php echo $item_info['demo_link'];?>?device=mobile" target='_blank'>모바일데모</a></dd>
<dd class="btn3"><a href="<?php echo $item_info['demo_link'];?>/adm?device=pc" target='_blank'>관리자데모</a></dd>
</dl>
</div>
</div>
<?php
}
?>
</div>
|