리빌더 부분 추가
This commit is contained in:
93
theme/rb.basic/skin/shop/basic/largeimage.skin.php
Normal file
93
theme/rb.basic/skin/shop/basic/largeimage.skin.php
Normal file
@ -0,0 +1,93 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<div id="sit_pvi_nw" class="new_win">
|
||||
<h1 id="win_title">상품 이미지 새창 보기</h1>
|
||||
<div id="sit_pvi_nwbig">
|
||||
<?php
|
||||
$thumbnails = array();
|
||||
$images = get_item_images_info($row, $size, 60, 60); // 숫자값은 썸네일 width, height
|
||||
|
||||
foreach((array) $images as $i=>$imgs){
|
||||
$thumbnails[$i] = $imgs['thumb'];
|
||||
?>
|
||||
<span>
|
||||
<a href="javascript:window.close();">
|
||||
<?php echo $imgs['imagehtml']; ?>
|
||||
</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>
|
||||
jQuery(function($){
|
||||
|
||||
$.fn.imgLoad = function(callback) {
|
||||
return this.each(function() {
|
||||
if (callback) {
|
||||
if (this.complete || /*for IE 10-*/ $(this).height() > 0) {
|
||||
callback.apply(this);
|
||||
}
|
||||
else {
|
||||
$(this).on('load', function(){
|
||||
callback.apply(this);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
function largeimage_load(image_width){
|
||||
var w = image_width + 50;
|
||||
var h = $("#sit_pvi_nw").outerHeight(true) + $("#sit_pvi_nw h1").outerHeight(true);
|
||||
window.resizeTo(w, h);
|
||||
}
|
||||
|
||||
$("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
|
||||
|
||||
// 창 사이즈 조절
|
||||
<?php if( isset($size[0]) && $size[0] ){ ?>
|
||||
$(window).on("load", function() {
|
||||
largeimage_load(<?php echo $size[0]; ?>);
|
||||
});
|
||||
<?php } else { ?>
|
||||
var is_load_end = false;
|
||||
$("#sit_pvi_nwbig img").imgLoad(function(){
|
||||
$(this).css({'max-width': '800px', 'height':'auto'});
|
||||
var image_width = $(this).width();
|
||||
|
||||
if( image_width && ! is_load_end ){
|
||||
largeimage_load( image_width );
|
||||
is_load_end = true;
|
||||
}
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
// 이미지 미리보기
|
||||
$(".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");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user