|
|
@@ -819,49 +819,60 @@
|
|
|
}
|
|
|
|
|
|
var fnImgOnoff = function (){
|
|
|
+ var nowFocus = $('.dp .itemPic');
|
|
|
var nowMov = $('.itemPic').children('.pd_mov');
|
|
|
var nowImg = $('.itemPic').children('.pd_img');
|
|
|
var ogrSrc;
|
|
|
var overSrc;
|
|
|
var srcName = nowImg.attr('src');
|
|
|
overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
|
|
|
+
|
|
|
+ var srcImg;
|
|
|
+ var srcdat;
|
|
|
|
|
|
- var img1;
|
|
|
- var img2;
|
|
|
-
|
|
|
- $(nowMov).on('mouseover', function() {
|
|
|
+ $(nowFocus).on('mouseover', function() {
|
|
|
// [on] size opt
|
|
|
- $(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
|
|
|
+ //$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
|
|
|
// [on] mov none
|
|
|
- $(this).css("opacity","0");
|
|
|
+ //$(this).css("opacity","0");
|
|
|
// return false;
|
|
|
+ $(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
|
|
|
+ $(this).children('.pd_mov').css("opacity","0");
|
|
|
});
|
|
|
- $(nowMov).on('mouseleave', function() {
|
|
|
+ $(nowFocus).on('mouseleave', function() {
|
|
|
// [off] size opt
|
|
|
- $(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
|
|
|
+ //$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
|
|
|
// [off] mov block
|
|
|
- $(this).css("opacity","1");
|
|
|
+ //$(this).css("opacity","1");
|
|
|
// return false;
|
|
|
+ $(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
|
|
|
+ $(this).children('.pd_mov').css("opacity","1");
|
|
|
});
|
|
|
- $(nowImg).on('mouseover', function() {
|
|
|
- img1 = $(this).attr('src');
|
|
|
- img2 = $(this).attr('data-img');
|
|
|
+ $(nowFocus).on('mouseover', function() {
|
|
|
+ //img1 = $(this).attr('src');
|
|
|
+ //img2 = $(this).attr('data-img');
|
|
|
// [on] size opt
|
|
|
- $(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
|
|
|
+ //$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
|
|
|
// [on] re-Name
|
|
|
// ogrSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
|
|
|
// overSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
|
|
|
// $(this).attr('src', overSrc+ '_onhover.' + /[^.]+$/.exec(srcName));
|
|
|
- $(this).attr('src',img2);
|
|
|
+ //$(this).attr('src',img2);
|
|
|
// return false;
|
|
|
+ $(this).children('.pd_img').siblings(".itemOpt").addClass('on');
|
|
|
+ srcImg = $(this).children('.pd_img').attr('src');
|
|
|
+ srcdat = $(this).children('.pd_img').attr('data-img');
|
|
|
+ $(this).children('.pd_img').attr('src',srcdat);
|
|
|
});
|
|
|
- $(nowImg).on('mouseleave', function() {
|
|
|
+ $(nowFocus).on('mouseleave', function() {
|
|
|
// [off] size opt
|
|
|
- $(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
|
|
|
+ //$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
|
|
|
// [off] re-Name
|
|
|
// $(this).attr('src', overSrc + '.' + /[^.]+$/.exec(srcName));
|
|
|
- $(this).attr('src', img1);
|
|
|
+ //$(this).attr('src', img1);
|
|
|
// return false;
|
|
|
+ $(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
|
|
|
+ $(this).children('.pd_img').attr('src', srcImg);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
@@ -935,8 +946,15 @@
|
|
|
<script>
|
|
|
//(진행 중)
|
|
|
$(document).ready( function() {
|
|
|
-
|
|
|
+
|
|
|
});
|
|
|
+
|
|
|
+ /* 210427_수정 : err 이미지 스크립트 */
|
|
|
+ function noneImg(noneSrc){
|
|
|
+ $(noneSrc).parents('.itemPic').css({'background':'url(/images/pc/thumb/bg_item_none.png)'});
|
|
|
+ $(noneSrc).css({'opacity':'0'});
|
|
|
+ //$(noneSrc).attr("src", no_src);
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
</th:block>
|