사용후기 상품문의 이미지 리사이즈 스크립트 추가

This commit is contained in:
chicpro
2013-10-02 15:47:01 +09:00
parent 6f57cde452
commit ecc8b3b5f4
9 changed files with 101 additions and 9 deletions

44
js/iteminfoimageresize.js Normal file
View File

@ -0,0 +1,44 @@
(function($) {
$.fn.iteminfoimageresize = function(selector)
{
var cfg = {
selector: "img"
};
if(typeof selector == "object") {
cfg = $.extend(cfg, selector);
} else {
if(selector) {
cfg = $.extend({ selector: selector });
}
}
var $img = this.find(cfg.selector);
var $this = this;
function image_resize()
{
var width = $this.width();
$img.each(function() {
$(this).removeAttr("width")
.removeAttr("height")
.css("width","")
.css("height", "");
if($(this).data("width") == undefined)
$(this).data("width", $(this).width());
if($(this).data("width") > width) {
$(this).css("width", "100%");
}
});
}
$(window).on("resize", function() {
image_resize();
});
image_resize();
}
}(jQuery));

View File

@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 상품문의 목록 시작 { -->
<section id="sit_qa_list">
@ -110,7 +111,12 @@ $(function(){
$con.slideUp();
} else {
$(".sit_qa_con:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
}
});

View File

@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 전체 상품 문의 목록 시작 { -->
<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
@ -111,7 +112,12 @@ $(function(){
} else {
$(".sqa_con_btn button").text("보기");
$("div[id^=sqa_con]:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
$(this).text("닫기");
}
});

View File

@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 상품 사용후기 시작 { -->
<section id="sit_use_list">
@ -28,7 +29,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<li class="sit_use_li">
<button type="button" class="sit_use_li_title" onclick="javascript:qa_menu('sit_use_con_<?php echo $i; ?>')"><b><?php echo $is_num; ?>.</b> <?php echo $is_subject; ?></button>
<button type="button" class="sit_use_li_title"><b><?php echo $is_num; ?>.</b> <?php echo $is_subject; ?></button>
<dl class="sit_use_dl">
<dt>작성자</dt>
<dd><?php echo $is_name; ?></dd>
@ -90,7 +91,12 @@ $(function(){
$con.slideUp();
} else {
$(".sit_use_con:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
}
});

View File

@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 전체 상품 사용후기 목록 시작 { -->
<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
@ -91,7 +92,12 @@ $(function(){
} else {
$(".sps_con_btn button").text("보기");
$("div[id^=sps_con]:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
$(this).text("닫기");
}
});

View File

@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 상품문의 목록 시작 { -->
<section id="sit_qa_list">
@ -110,7 +111,12 @@ $(function(){
$con.slideUp();
} else {
$(".sit_qa_con:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
}
});

View File

@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 전체 상품 문의 목록 시작 { -->
@ -112,7 +113,12 @@ $(function(){
} else {
$(".sqa_con_btn button").text("보기");
$("div[id^=sqa_con]:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
$(this).text("닫기");
}
});

View File

@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 상품 사용후기 시작 { -->
<section id="sit_use_list">
@ -89,7 +90,12 @@ $(function(){
$con.slideUp();
} else {
$(".sit_use_con:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
}
});

View File

@ -3,6 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?php echo G5_SHOP_SKIN_URL; ?>/style.css">
<script src="<?php echo G5_JS_URL; ?>/iteminfoimageresize.js"></script>
<!-- 전체 상품 사용후기 목록 시작 { -->
<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
@ -90,7 +91,12 @@ $(function(){
} else {
$(".sps_con_btn button").text("보기");
$("div[id^=sps_con]:visible").hide();
$con.slideDown();
$con.slideDown(
function() {
// 이미지 리사이즈
$con.iteminfoimageresize();
}
);
$(this).text("닫기");
}
});