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
|
<?php
Global $prodinfo, $cateinfo;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
.book_view_sub{margin:60px 0 40px;display:inline-block;}
.book_view_sub_1{width:490px;height:280px;background:#f8f8f8;border:1px solid #c9cacc;float:left;position:relative;}
.book_view_sub_1 h2{text-align:center;width:125px;background:#13a89e;color:#fff;margin:0 auto;margin-top:-20px;height:40px;line-height:40px;font-size:15px;}
.book_view_sub_left{position:absolute;left:35px;top:50%;margin-top:-20px;cursor:pointer;}
.book_view_sub_right:last-child{position:absolute;right:35px;top:50%;margin-top:-20px;cursor:pointer;}
.book_view_sub_page{width:270px;margin:0 auto;margin-top:30px;}
.book_view_sub_page p{text-align:center;font-size:15px;margin:10px 0;}
.book_view_sub_2{width:490px;height:280px;background:#f8f8f8;border:1px solid #c9cacc;float:left;margin-left:20px;position:relative;}
.book_view_sub_2 h2{text-align:center;width:125px;background:#13a89e;color:#fff;margin:0 auto;margin-top:-20px;height:40px;line-height:40px;font-size:15px;}
.book_details{display: inline-block;padding-bottom:95px; width:100%; }
.book_details_title{border-bottom: 4px double #dfdfdf;padding-bottom: 15px;position:relative;}
.book_details_title h5{font-size:17px;color:#13a89e;margin-left:15px;}
.book_details_title h5:before { content: url("<?php echo $cur_img_url;?>/wittenglish_shape.png"); position:absolute;top:-1px;left:0;}
.book_details_con{margin:20px 0 40px;}
.book_list_btn{float: right;width: 160px;background: #e8e8e8;height: 60px;border: 1px solid #c9cacc;border-radius: 5px;text-align: center;line-height: 60px;font-size: 15px;font-weight: 600;cursor:pointer;}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<div class="book_view_sub">
<div class="book_view_sub_1 tab1">
<h2>병행교재</h2>
<div class="book_view_sub_arrow">
<span class="book_view_sub_left"><img src="<?php echo $cur_img_url;?>/wittenglish_book_left.png"></span>
<span class="book_view_sub_right"><img src="<?php echo $cur_img_url;?>/wittenglish_book_right.png"></span>
</div>
<div class="book_view_sub_page paral_book_class">
</div>
</div><!--/.book_view_sub_1-->
<div class="book_view_sub_2 tab1">
<h2>관련교재</h2>
<div class="book_view_sub_arrow">
<span class="book_view_sub_left"><img src="<?php echo $cur_img_url;?>/wittenglish_book_left.png"></span>
<span class="book_view_sub_right"><img src="<?php echo $cur_img_url;?>/wittenglish_book_right.png"></span>
</div>
<div class="book_view_sub_page rel_book_class">
</div>
</div><!--/.book_view_sub_2-->
</div><!--/.book_view_sub-->
<div class="book_details">
<div class="book_details_title"><h5>교제상세</h5></div>
<div class="book_details_con"><?php echo $prodinfo['item_explain'];?></div>
<div class="book_list_btn">목록보기</div>
</div><!--/.book_details-->
</div>
<script>
$(function(){
$.get("<?php echo $j3_shopp_url;?>/ajax.book_paral_rel_get.php?code=<?php echo $prodinfo['code'];?>",function(rtn){
$html = rtn.split("§§§");
$(".paral_book_class").html($html[0]);
$(".rel_book_class").html($html[1]);
});
$(".book_view_sub_left").click(function(){
$i_pos = $parent_obj.find("#cur_book_img").val();
if($i_pos>2){
$parent_obj.find(".book_view_sub_page div").eq($i_pos-1).removeClass("float_r").addClass("none");
$parent_obj.find(".book_view_sub_page div").eq($i_pos-2).removeClass("float_l").addClass("float_r");
$parent_obj.find(".book_view_sub_page div").eq($i_pos-3).removeClass("none").addClass("float_l");
$parent_obj.find("#cur_book_img").val(parseInt($i_pos)-1);
}
});
$(".book_view_sub_right").click(function(){
$parent_obj = $(this).closest(".tab1");
$m_pos = $parent_obj.find("#max_book_img").val();
$i_pos = $parent_obj.find("#cur_book_img").val();
if($m_pos>$i_pos+1){
$parent_obj.find(".book_view_sub_page div").eq($i_pos-2).removeClass("float_l").addClass("none");
$parent_obj.find(".book_view_sub_page div").eq($i_pos-1).removeClass("float_r").addClass("float_l");
$parent_obj.find(".book_view_sub_page div").eq($i_pos).removeClass("none").addClass("float_r");
$parent_obj.find("#cur_book_img").val(parseInt($i_pos)+1);
}
});
$(".book_list_btn").click(function(){
window.history.go(-1);
});
});
</script>
|