#177 에 따른 PC 쇼핑몰 코드 수정

This commit is contained in:
chicpro
2013-05-14 16:38:27 +09:00
parent 17ac326656
commit daa7f8931e
38 changed files with 417 additions and 259 deletions

View File

@ -171,32 +171,43 @@ else
<div id="sit_ov_wrap">
<div id="sit_pvi">
<?php
$img_big = $it['it_id'].'_l1'; // 기본이미지(대)
?>
<div id="sit_pvi_big">
<a href="<?php echo G4_SHOP_URL; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>&amp;img=<?php echo $img_big; ?>" id="<?php echo $img_big; ?>" class="popup_item_image" target="_blank"><img src="<?php echo G4_DATA_URL; ?>/item/<?php echo $img_big; ?>" alt=""></a>
<?php
$thumbnails = array();
for($i=1; $i<=10; $i++) {
if(!$it['it_img'.$i])
continue;
$img = get_it_thumbnail($it['it_img'.$i], 320, 320);
if($img) {
// 썸네일
$thumb = get_it_thumbnail($it['it_img'.$i], 60, 60);
$thumbnails[] = $thumb;
?>
<a href="<?php echo G4_SHOP_URL; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>&amp;no=<?php echo $i; ?>" class="popup_item_image" target="_blank"><?php echo $img; ?></a>
<?php
}
}
?>
</div>
<?php
// 이미지(중) 썸네일
for ($i=1; $i<=5; $i++)
{
if ($i == 1) echo '<ul id="sit_pvi_thumb">';
if ($i == 5) $sit_pvi_last = 'class="li_last"';
echo '<li '.$sit_pvi_last.'>';
if (file_exists(G4_DATA_PATH.'/item/'.$it_id.'_l'.$i))
{
echo get_large_image($it_id.'_'.$i, $it['it_id'], false);
if ($i==1 && file_exists(G4_DATA_PATH.'/item/'.$it_id.'_s'))
echo '<a href="#sit_pvi_big" id="'.$it_id.'_s" class="img_thumb"><img src="'.G4_DATA_URL.'/item/'.$it_id.'_s" alt="" id="sit_pvi_t'.$i.'" ';
else
echo '<a href="#sit_pvi_big" id="'.$it_id.'_l'.$i.'" class="img_thumb"><img src="'.G4_DATA_URL.'/item/'.$it_id.'_l'.$i.'" alt="" id="sit_pvi_t'.$i.'" ';
//echo ' onmouseover="document.getElementById(\''.$middle_image.'\').src=document.getElementById(\'middle'.$i.'\').src;">';
echo '></a>';
// 썸네일
$thumb1 = true;
$thumb_count = 0;
$total_count = count($thumbnails);
if($total_count > 0) {
echo '<ul id="sit_pvi_thumb">';
foreach($thumbnails as $val) {
$thumb_count++;
$sit_pvi_last ='';
if ($thumb_count % 5 == 0) $sit_pvi_last = 'class="li_last"';
echo '<li '.$sit_pvi_last.'>';
echo '<a href="#sit_pvi_big" class="img_thumb">'.$val.'</a>';
echo '</li>';
}
echo '</li>';
echo '</ul>';
}
if ($i > 1) echo '</ul>';
?>
</div>
@ -504,21 +515,20 @@ else
<script>
$(function(){
$("#sit_pvi_big a:first").addClass("visible");
// 이미지 미리보기
$("#sit_pvi .img_thumb").bind("hover focus", function(){
var img_src = $(this).attr("id").replace("_s", "_l1");
$("#sit_pvi_big img").attr("src","<?php echo G4_DATA_URL; ?>/item/"+img_src); // 이미지 소스 교체
$("#sit_pvi_big a").attr("id", img_src);
$("#sit_pvi .img_thumb").bind("mouseover focus", function(){
var idx = $("#sit_pvi .img_thumb").index($(this));
$("#sit_pvi_big a.visible").removeClass("visible");
$("#sit_pvi_big a:eq("+idx+")").addClass("visible");
});
// 상품이미지 크게보기
$(".popup_item_image").click(function() {
var it_id = "<?php echo $it['it_id']; ?>";
var img = $(this).attr("id");
var url = $(this).attr("href");
var top = 10;
var left = 10;
var url = "<?php echo G4_SHOP_URL; ?>/largeimage.php?it_id=" + it_id + "&img=" + img;
var opt = 'scrollbars=yes,top='+top+',left='+left;
popup_window(url, "largeimage", opt);