91 lines
2.5 KiB
PHP
91 lines
2.5 KiB
PHP
<?php
|
|
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
|
|
|
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
|
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
|
?>
|
|
|
|
<div id="sit_pvi_nw" class="new_win">
|
|
<h1>상품 이미지 새창 보기</h1>
|
|
|
|
<div id="sit_pvi_nwbig">
|
|
<?php
|
|
$thumbnails = array();
|
|
for($i=1; $i<=10; $i++) {
|
|
if(!$row['it_img'.$i])
|
|
continue;
|
|
|
|
$file = G5_DATA_PATH.'/item/'.$row['it_img'.$i];
|
|
if(is_file($file)) {
|
|
// 썸네일
|
|
$thumb = get_it_thumbnail($row['it_img'.$i], 60, 60);
|
|
$thumbnails[$i] = $thumb;
|
|
$imageurl = G5_DATA_URL.'/item/'.$row['it_img'.$i];
|
|
?>
|
|
<span>
|
|
<a href="javascript:window.close();">
|
|
<img src="<?php echo $imageurl; ?>" width="<?php echo $size[0]; ?>" alt="<?php echo $row['it_name']; ?>" id="largeimage_<?php echo $i; ?>">
|
|
</a>
|
|
</span>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
|
|
<?php
|
|
$total_count = count($thumbnails);
|
|
$thumb_count = 0;
|
|
if($total_count > 0) {
|
|
echo '<ul>';
|
|
foreach($thumbnails as $key=>$val) {
|
|
echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&no='.$key.'" class="img_thumb">'.$val.'</a></li>';
|
|
}
|
|
echo '</ul>';
|
|
}
|
|
?>
|
|
|
|
<div class="win_btn">
|
|
<button type="button" onclick="javascript:window.close();" class="btn_close">창닫기</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function(){
|
|
fit_width();
|
|
|
|
$("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
|
|
|
|
// 이미지 미리보기
|
|
$(".img_thumb").bind("mouseover focus", function(){
|
|
var idx = $(".img_thumb").index($(this));
|
|
$("#sit_pvi_nwbig span.visible").removeClass("visible");
|
|
$("#sit_pvi_nwbig span:eq("+idx+")").addClass("visible");
|
|
});
|
|
|
|
$(window).on("resize", function() {
|
|
fit_width();
|
|
});
|
|
});
|
|
|
|
function fit_width()
|
|
{
|
|
var sw = $(window).width();
|
|
var $img = $("#sit_pvi_nwbig span img");
|
|
|
|
if($img.length < 1)
|
|
return;
|
|
|
|
$img.each(function() {
|
|
var w = $(this).width();
|
|
if($(this).data("width") == undefined)
|
|
$(this).data("width", w);
|
|
|
|
if(parseInt($(this).data("width")) > sw) {
|
|
$(this).removeAttr("width").css("width", "100%");
|
|
} else {
|
|
$(this).width($(this).data("width"));
|
|
}
|
|
});
|
|
}
|
|
</script>
|