사용후기 상품문의 이미지 리사이즈 스크립트 추가
This commit is contained in:
44
js/iteminfoimageresize.js
Normal file
44
js/iteminfoimageresize.js
Normal 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));
|
||||
@ -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();
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -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("닫기");
|
||||
}
|
||||
});
|
||||
|
||||
@ -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();
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -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("닫기");
|
||||
}
|
||||
});
|
||||
|
||||
@ -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();
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -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("닫기");
|
||||
}
|
||||
});
|
||||
|
||||
@ -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();
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -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("닫기");
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user