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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
<?php
Global $prodinfo, $cateinfo, $hasWishcnt, $is_soldout, $opt_array, $addopt_array;
Global $configshop, $cinfo, $app_id;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
$prodinfo['img_url'] = get_it_thumbnail($prodinfo['code'],$prodinfo['pic1'],$configshop['img_max_width'], $configshop['img_max_height']);
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
.book_view_title{margin-top:110px;padding-bottom: 25px;margin-bottom: 30px;border-bottom: 4px double #dfdfdf;}
.book_view_title h4{font-size:40px;font-weight:600;color:#13a89e;padding: 10px 0}
.book_view_info ul{width: 460px;}
.book_view_info ul li{padding:22px 0;border-bottom:1px solid #dcdcdc;}
.book_view_info ul li:first-child{padding:22px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.book_view_info ul li span{float:left;font-size: 16px;color: #13a89e;font-weight: 600;padding: 0 23px;}
.book_view_info ul li p{color:#545454;font-size:16px;}
.book_view_info ul li p:before { content:"|";padding-right: 23px;color:#6a992b;font-size:12px;}
.book_view_btn{background:#5d5d5d;width:170px;height:130px;float:right;text-align:center;padding-top:32px;border-radius:5px;margin:40px 12px 0 0;cursor:pointer;}
.book_view_btn img{width:42px;height:auto;}
.book_view_btn p{color:#fff;font-size:17px;padding-top:15px;}
/*교재미리보기 팝업창*/
#book_view_popup{background:#5d5d5d;}
.book_arrow_left{position:absolute;left:25px;top:50%;margin-top:-20px;cursor:pointer;}
.book_arrow_left img{padding:15px 15px 15px 10px;;border-radius:5px 0 0 5px;}
.book_arrow_left img:hover{background:#8dc63f;}
.book_arrow_right{position:absolute;right:25px;top:50%;margin-top:-20px;cursor:pointer;}
.book_arrow_right img{padding:15px 15px 15px 10px;;border-radius:0 5px 5px 0;}
.book_arrow_right img:hover{background:#8dc63f;}
.book_view_popup_page{ width:1000px;margin:0 auto;}
.book_view_popup_page img{width:500px;height:683px;}
.book_view_popup_page:after{content: "";position: absolute;z-index: 0;width: 10%;height:683px;top: 7px;bottom: 0;left: 50%;opacity: 0.5;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-size: 100%;background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<!--전체영역(여기서부터 시작)-->
<div id="book_wrap">
<div id="w1000">
<!--제품타이틀-->
<div class="book_view_title">
<h4><?php echo $prodinfo['name']?></h4>
</div>
<!--제품정보-->
<div class="book_view_info">
<div class="width200 float_l"><img src="<?php echo $prodinfo['img_url'];?>" class='item_img_class'></div>
<ul class="float_l">
<li><span>영역</span><p><?php echo $prodinfo['wt_range'];?></p></li>
<li><span>대상</span><p><?php echo $prodinfo['wt_target'];?></p></li>
<li><span>사양</span><p><?php echo $prodinfo['wt_spec'];?></p></li>
<li><span>출시</span><p><?php echo $prodinfo['wt_birth'];?></p></li>
</ul>
<!--교재미리보기 버튼-->
<div class="book_view_btn"><img src="<?php echo $cur_img_url;?>/book_icon.png">
<p>교재미리보기</p>
</div>
</div><!--/.book_view_info-->
<!--교재미리보기 팝업창-->
<div id="book_view_popup" title="교재 미리보기" class='none'>
<div>
<span class="book_arrow_left"><img src="<?php echo $cur_img_url;?>/book_left.png"></span>
<span class="book_arrow_right"><img src="<?php echo $cur_img_url;?>/book_right.png"></span>
</div>
<div class="book_view_popup_page">
<!--<div class="float_l"><img src="http://via.placeholder.com/500x683"></div>
<div class="float_r"><img src="http://via.placeholder.com/500x683"></div>-->
</div>
</div><!--/.book_view_popup-->
</div>
</div>
<script>
//교재미리보기 팝업창
$(function(){
$("#book_view_popup").dialog({
width: '1200',
height: '740',
autoOpen:false //자동으로 열리지않게
});
//창 열기 버튼을 클릭했을경우
$(".book_view_btn").on("click",function(){
$.get("<?php echo $j3_shopp_url;?>/ajax.book_preview_get.php?code=<?php echo $prodinfo['code'];?>",function(rtn){
$(".book_view_popup_page").html(rtn);
$("#book_view_popup").dialog("open"); //다이얼로그창 오픈
});
});
$("#book_view_popup .book_arrow_left").click(function(){
$i_pos = $("#book_view_popup #cur_book_img").val();
if($i_pos>2){
$(".book_view_popup_page div").eq($i_pos-1).removeClass("float_r").addClass("none");
$(".book_view_popup_page div").eq($i_pos-2).removeClass("float_l").addClass("float_r");
$(".book_view_popup_page div").eq($i_pos-3).removeClass("none").addClass("float_l");
$("#book_view_popup #cur_book_img").val(parseInt($i_pos)-1);
}
});
$("#book_view_popup .book_arrow_right").click(function(){
$m_pos = $("#book_view_popup #max_book_img").val();
$i_pos = $("#book_view_popup #cur_book_img").val();
if($m_pos>$i_pos+1){
$(".book_view_popup_page div").eq($i_pos-2).removeClass("float_l").addClass("none");
$(".book_view_popup_page div").eq($i_pos-1).removeClass("float_r").addClass("float_l");
$(".book_view_popup_page div").eq($i_pos).removeClass("none").addClass("float_r");
$("#book_view_popup #cur_book_img").val(parseInt($i_pos)+1);
}
});
});
</script>
</div>
<script>
$(function(){
});
</script>
|