您已 '
注销
'
登录时，可以享受到各种各样的活动与优惠。
登录
我的主页
购物车
类目
新商品 5%
BEST 100
外套
连衣裙
女罩衫
针织/上衣
裙子
裤子
∨
鞋&包
鞋&包
鞋
包
∨
珠宝
珠宝综合
耳环
项链
戒指
手镯
胸针
∨
杂货
杂货综合
丝巾&围巾
发饰
腰带&手表
筒袜&打底裤&袜子
游泳衣
其他
∨
内衣
内衣综合
调整型内衣
胸罩&内裤
背心T恤&胸罩式上衣
衬裤&衬裙
其他
特别活动
L尺码
退货率1%以下
主持人服饰
宾客服饰
折扣商品
论坛
购物指南
∨
客服中心
公告事项
1:1 咨询
商品Q&A
合作/批发指南
评价
CLOSE
최근본 상품
닫기
CLOSE
배송조회
최근본상품
이벤트
리뷰
출석체크
검색
PC버전
+收藏夹
登录
|
加入会员
|
我的主页
|
购物车
|
BEST 100
|
新品 5%
|
外套
|
连衣裙
|
罩衫
针织&上衣
|
裙子
|
裤子
|
饰品
|
鞋&包
TOP
放大查看
评价
立即购买
Q&A
TOP
품절
05 스커트
浪漫 剪影 不对称 美人鱼 裙子
销售价 :
33.48 USD
( 参考: 231.01 元 )
积分 :
0.33 USD
( 参考: 2.28 元 )
颜色 :
请选择选项
Ivory
Beige
Black
尺码 :
请选择选项
S(25~26)
M(27~28)
总购买价:
0
USD
( 参考:
0
元 )
该商品已断货。
0
See all
0
customer reviews
商品详细说明
</div> </div> <div class="sizechart"> </div> <div class="common-info"> </div> <br> <br> <br> <img src="https://odeshop.diskn.com/ODE/modelinfo_new.jpg" width="100%"> <br> <br> <br> <!-- cre.ma / 리스트형 위젯 / 스크립트를 수정할 경우 연락주세요 (support@cre.ma) --> <div class="crema-product-reviews" data-product-code="20896" data-widget-id="22"></div> <img src="http://odeshop.diskn.com/ODE/glob/TAG.JPG/TAG_CN_M.jpg" width="100%"> <br> <br> <br> <a href="http://cn.ode.co.kr/Mobile/Help/main"> <img src="http://odeshop.diskn.com/ODE/glob/Shopping guide/guide_CN_m_1.jpg" width="100%"> <br> <br> <br> <div class="others-wrap"> <ul> <a href="#" class="crema-product-reviews-link" data-product-code="20896" style="position: relative;"> <div class="crema-style-1">商品评价 [<span class="crema-product-reviews-count" data-product-code="20896">0</span>]</div> <div class="write-btn" style="position: absolute; top: 8px; right: 26px;"> <a href="/Mobile/Board/write/board_name/review/pid/64868" target="_blank" class="btn-type-05 crema-new-review-link" data-product-code="20896"><span>写评价</span></a> </div> </a> <style> .crema-style-1 { cursor: pointer; line-height: 45px; font-weight: bold; font-size: .875em; margin-left: 5px; color: rgba(52, 52, 52, 1); } </style> <!-- <li class="review"> <h3 >商品评价<span>[0]</span></h3> <div class="conts" data-open="on"> </div> <div class="toggle-btn"> <a href="#">열기/닫기</a> </div> </li> --> <li class="review"> <h3 >Q&A <span>[0]</span></h3> <div class="conts" data-open="off"> </div> <div class="toggle-btn"> <a href="#">打开/关闭</a> </div> </li> <li class="combi"> <h3>关联商品 <span>[7]</span></h3> <div class="conts items-wrap" data-open="on" > <div class="paging-wrap"> <ul class="items clearfix" data-type="gallery" data-open="on" id="list_more"> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 黄金 带扣 方形 斜挎包 </dd> <dd class="price-info"> <ul> <li> <span class="txt original"> 17.95 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>123.86元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/62660/cid/91/spn/%E9%BB%84%E9%87%91-%E5%B8%A6%E6%89%A3-%E6%96%B9%E5%BD%A2-%E6%96%9C%E6%8C%8E%E5%8C%85">商品详细说明</a> </dd> </dl></li> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 色彩艳丽 点缀 鞋垫 猫跟鞋 </dd> <dd class="price-info"> <ul> <li><strike class="txt original">29.49 USD</strike></li> <li> <span class="txt original"> 20.59 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>142.07元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/63386/cid/94/spn/%E8%89%B2%E5%BD%A9%E8%89%B3%E4%B8%BD-%E7%82%B9%E7%BC%80-%E9%9E%8B%E5%9E%AB-%E7%8C%AB%E8%B7%9F%E9%9E%8B">商品详细说明</a> </dd> </dl></li> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 黄金 圆环 吊坠珍珠 耳环 </dd> <dd class="price-info"> <ul> <li> <span class="txt original"> 8.90 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>61.41元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/64274/cid/33/spn/%E9%BB%84%E9%87%91-%E5%9C%86%E7%8E%AF-%E5%90%8A%E5%9D%A0%E7%8F%8D%E7%8F%A0-%E8%80%B3%E7%8E%AF">商品详细说明</a> </dd> </dl></li> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 波浪 点缀 Silver&黄金 分层 戒指(7set) </dd> <dd class="price-info"> <ul> <li> <span class="txt original"> 8.90 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>61.41元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/64823/cid/35/spn/%E6%B3%A2%E6%B5%AA-%E7%82%B9%E7%BC%80-Silver-%E9%BB%84%E9%87%91-%E5%88%86%E5%B1%82-%E6%88%92%E6%8C%87-7set-">商品详细说明</a> </dd> </dl></li> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 80D 高弹 블랙팬티 长筒袜 </dd> <dd class="price-info"> <ul> <li> <span class="txt original"> 2.64 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>18.22元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/53951/cid/41/spn/80D-%E9%AB%98%E5%BC%B9-%EB%B8%94%EB%9E%99%ED%8C%AC%ED%8B%B0-%E9%95%BF%E7%AD%92%E8%A2%9C">商品详细说明</a> </dd> </dl></li> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 优雅 金色纽扣 Mustang 马甲(毛皮里料) </dd> <dd class="price-info"> <ul> <li> <span class="txt original"> 52.71 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>363.70元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/64862/cid/85/spn/%E4%BC%98%E9%9B%85-%E9%87%91%E8%89%B2%E7%BA%BD%E6%89%A3-Mustang-%E9%A9%AC%E7%94%B2-%E6%AF%9B%E7%9A%AE%E9%87%8C%E6%96%99-">商品详细说明</a> </dd> </dl></li> <li><style> .rank-txt { display: none; position: absolute; z-index: 1; top: 0; left: 5px; width: 20px; height: 22px; text-align: center; font: bold 10px/20px arial, sans-serif; color: #fff; background: url(http://api.recopick.com/i/mobile-widget.png) no-repeat -50px 0; background-size: 75px 60px; } .thumb-img { position:relative; } .main_pro .swiper-paging2 .rank-txt { display:block!important; } </style> <dl> <dt class="hidden">图片</dt> <dd class="thumb-img"> <span class="rank-txt">0</span> <img src="https://cn.ode.co.kr/storage/odeshopCN/www/prefix" alt="商品名" /> </dd> <dt class="hidden">商品名</dt> <dd class="pname"> 日常日常颜色开士米针织衫 </dd> <dd class="price-info"> <ul> <li><strike class="txt original">24.74 USD</strike></li> <li> <span class="txt original"> 14.18 USD <br><span class="ref-price">(<span class="ref-price-txt">参考: </span>97.84元)</span> </span> </li> </ul> </dd> <dt class="hidden">商品详细说明</dt> <dd class="link-view"> <a href="/Mobile/Product/Detail/view/pid/64865/cid/94/spn/%E6%97%A5%E5%B8%B8%E6%97%A5%E5%B8%B8%E9%A2%9C%E8%89%B2%E5%BC%80%E5%A3%AB%E7%B1%B3%E9%92%88%E7%BB%87%E8%A1%AB">商品详细说明</a> </dd> </dl></li> </ul> </div> </div> <div class="toggle-btn"> <a href="#">打开/关闭</a> </div> </li> </ul> </div><!-- .others-wrap --> </div><!-- #detail-item --> </div> <script src="/Common/mobile/js/jquery.touchwipe.1.1.1.js"></script> <script> $(function() { // 상품리뷰, 교환, 쿠론 on/off $('div.others-wrap h3').click(function(e) { e.preventDefault(); $(this).parent().find('.toggle-btn a').trigger('click'); }); $('div.others-wrap .toggle-btn a').click(function(e) { e.preventDefault(); var _target = $(this).parent().prev(); if (_target.attr('data-open') == 'on') { _target.attr('data-open', 'off'); } else { _target.attr('data-open', 'on'); } }); // 상품리뷰 보기 $('div.others-wrap .review').delegate('dt', 'click', function(e) { e.preventDefault(); if ($(this).attr('data-open') == 'on') { $(this).attr('data-open', 'off'); } else { $(this).attr('data-open', 'on'); } }); // 구매하기/장바구니/관심상품 버튼 스크롤시 안보일때 하단에 고정 var fixed_target = $('#detail-item .fixed-btn'), fixed_target_top = fixed_target.offset()['top']; $(window).scroll(function(e) { if ($(window).scrollTop() > fixed_target_top) { $(".smartskinDescriptionBtnGroup_bottom").addClass("fixed"); $(".smartskinDescriptionBtnGroup_bottom").css("opacity","1").addClass("fixed"); } else { $(".smartskinDescriptionBtnGroup_bottom").removeClass("fixed"); $(".smartskinDescriptionBtnGroup_bottom").css("opacity","0").removeClass("fixed"); } }); $('div.layer-confirm a.close').on('click', function(e) { e.preventDefault(); $(this).parent().hide(); }); // 화면 크기 변경 var supportsOrientationChange = "onorientationchange" in window, orientationEvent = supportsOrientationChange ? "orientationchange" : "resize"; $(window).bind(orientationEvent, function() { setTimeout(function() { recent_exec(); }, ($.browser.webkit && $.browser.version < 534.46) ? 500 : 0); }); }); function qty_plus() { current = parseInt($('#qty').val()); current++; if(current >= 10) current = 10; $('#qty').val(current); } function qty_minus() { current = parseInt($('#qty').val()); current--; if(current < 1) current = 1; $('#qty').val(current); } var detailLoad = function() { $.ajax({ url: '/Mobile/Product/Detail/Ajax/XHRgetdetail/pid/64868/', type: 'get', dataType: 'html', success: function(response) { $('#bindDetailArea').html(response); } }); } //setTimeout(detailLoad, 1000); </script> <style> .ft-pg {text-align:center; padding:15px 0 15px 0; } .ft-pg img{height:20px;margin:0 2px;} </style> <!-- 메인 1단 배너 --> <!--div class="container mainBanner1x1"> <div><a href="#"><img src="http://www.ode.co.kr/design/odeshop/2014_re/mainBN-m5.jpg"></a></div> </div--> <!-- 메인 1단 배너 --> <div id="footer_container"> <!-- 스마트스킨 framework --> <div class="SMS_container reverse cb_clear"> <!-- 스마트 스킨 framework module_01 --> <div class="SMS_layout_box"> <!-- 스마트뷰 BottomModule_Iconfooter --> <div class="SMS_BottomModule_Iconfooter cb_clear"> <div class="container_Box cb_clear"> <div class="body"> <ul> <li><a href="/Mobile/Help/main"><span><b class="qkm_01"></b></span>购物指南</a></li> <li><a href="/Mobile/Board/list/board_name/notice"><span><b class="qkm_02"></b></span>公告事项</a></li> <li><a href="/Mobile/Member/Mypage/Order/list"><span><b class="qkm_03"></b></span>订单内容</a></li> <li><a href="/Mobile/Board/list/board_name/consult"><span><b class="qkm_04"></b></span>1:1咨询</a></li> </ul> </div> </div> </div> <!-- // 스마트뷰 BottomModule_Iconfooter 끝 // --> </div> <!-- // 스마트 스킨 framework module_01 끝 // --> <!-- 스마트 스킨 framework module_02 --> <div class="SMS_layout_box reverse"> <!-- 스마트뷰 BottomModule_03 --> <div class="SMS_BottomModule_Shopinfo cb_clear"> <div class="container_Box cb_clear"> <div class="body cb_clear "> <ul> <li><br><br> <b><p class="title">客服中心</p></b> <p class="call_point">odeuwa.inc@gmail.com</p> <span>平日 : AM 10:00 ~ PM 05:00</span> <span>午休时间 : PM 01:00 ~ PM 02:00</span> <span>（ 法定假期，周末休假 ）</span> <br><br> <div class="SMS_BottomModule_Shopinfo_btn cb_clear" > <a href="/Mobile/Board/list/board_name/qna" ><span>Q&A</span></a> </div> </li> </ul> </div> </div> </div> <!-- // 스마트스킨 BottomModule_03 끝 // --> </div> <!-- // 스마트 스킨 framework module_02 끝 // --> </div> <!-- // 스마트스킨 framework 끝 // --> <!-- 스마트스킨 BottomModule_MenuList --> <div class="SMS_BottomModule_MenuList cb_clear"> <div class="container_Box cb_clear container"> <div class="body"> <ul> <li onclick="location.href='/Mobile/About/company'">公司介绍<span>|</span></li> <li onclick="location.href='/Mobile/About/agreement'">私人保护条款<span>|</span></li> <li onclick="viewlocation(tihs);"><a href="http://odeshop.diskn.com/ODE/glob/Partners/partners_CN_M.jpg">合作/批发指南<span>|</span></a></li> <li onclick="location.href='/Main'">PCver</li> </ul> </div> </div> </div> <!-- // 스마트스킨 BottomModule_01 끝 // --> <!-- 스마트스킨 BottomModule_Companyinfo --> <div class="SMS_BottomModule_Companyinfo cb_clear "> <div class="container_Box cb_clear container"> <div class="body"> <ul> <li> <b class="info_title">公司名 : Ode Ltd. </b> <b class="info_partition"><span>|</span></b> <b class="info_title">代表理事 : <a href="mailto:{$email}">Dong-in Kim</a></b> <b class="info_partition"><span>|</span></b> <b class="info_title">营业执照号 : 107-87-23362</b> <b class="info_partition"><span>|</span></b> <b class="info_title">地址 : 2F, 3F, 4F, 395-115, Seogyo-dong, Mapo-gu, Seoul, Republic of Korea</b> <b class="info_partition"><span>|</span></b> <b class="info_title">网上营业许可证 : SEOULYONGSAN-768</b> <b class="info_partition"><span>|</span></b> <b class="info_title">个人信息管理负责人 : Junseock Hong</b> </li> </ul> </div> </div> </div> <!-- // 스마트스킨 BottomModule_Companyinfo 끝 //--> <!-- 스마트뷰 BottomModule_copyright --> <div class="SMS_BottomModule_copyright cb_clear "> <!-- 스마트뷰 BottomModule_04 --> <div class="container_Box cb_clear"> <div class="body"> <ul> <li>COPYRIGHT(C) <b>Ode Ltd.</b> ALL RIGHTS RESERVED.</li> </ul> <!--footer-pg-info--> <div class="ft-pg logo"> <img src="http://en.ode.co.kr/storage/odeshopEN/www/frontstore/defaulten_7/EN/Mobile/img/visa png.png"> <img src="http://en.ode.co.kr/storage/odeshopEN/www/frontstore/defaulten_7/EN/Mobile/img/MasterCard_Logo.svg_.png"> <img src="http://en.ode.co.kr/storage/odeshopEN/www/frontstore/defaulten_7/EN/Mobile/img/jcb png.png"> <img src="http://en.ode.co.kr/storage/odeshopEN/www/frontstore/defaulten_7/EN/Mobile/img/paypal_PNG5.png"> <img src="http://en.ode.co.kr/storage/odeshopEN/www/frontstore/defaulten_7/EN/Mobile/img/American-Express-icon.png" style="height:36px; position:relative; top:5px; left:0;"> </div> <!--footer-pg-info--> </div> </div> </div> <!-- // 스마트뷰 BottomModule_copyright 끝 // --> </div><!--footer_container END --> </div><!-- HamburgerPageContent END --> </div><!-- HamburgerPage END --> </div><!-- HAMBERGER CONTAINER END --> <!-- 스마트스킨 공통 JS --> <script> /* ========================================================= ### 공통 디자인 JS 적용 * Copyright(c) 2015. Uneedcomms Inc. All rights reserved. * 회사: 스마트스킨 * 디자인 & 개발 문의 고객센터: 02-1544-6297 * 본 문서의 소스와 정보에 대한 모든 권리는 스마트스킨((주)유니드컴즈))에게 있습니다. * 사전 동의없이는 어떠한 형식과 방법으로든 무단 도용을 금합니다. * 만일 위와 같은 권고에도 불구하고 무단 도용시 저작권법에 의거하여 법적인 제재를 받으실 수 있습니다. - version management 1.0.0 : 2013-06-18 : 프로토타입 1.0.1 : 2013-06-19 : 추가된 CSS, JS 정의 및 추가 2.0.0 : 2015-01-05 : 추가된 CSS, JS 정의 및 추가 ========================================================== */ /* Mobify calousel common/basic JS ================================= */ var Mobify = window.Mobify = window.Mobify || {}; Mobify.$ = Mobify.$ || window.Zepto || window.jQuery; Mobify.UI = Mobify.UI || { classPrefix: 'm-' }; (function($, document) { $.support = $.support || {}; $.extend($.support, { 'touch': 'ontouchend' in document }); })(Mobify.$, document); /** @module Holds common functions relating to UI. */ Mobify.UI.Utils = (function($) { var exports = {} , has = $.support; /** Events (either touch or mouse) */ exports.events = (has.touch) ? {down: 'touchstart', move: 'touchmove', up: 'touchend'} : {down: 'mousedown', move: 'mousemove', up: 'mouseup'}; /** Returns the position of a mouse or touch event in (x, y) @function @param {Event} touch or mouse event @returns {Object} X and Y coordinates */ exports.getCursorPosition = (has.touch) ? function(e) {e = e.originalEvent || e; return {x: e.touches[0].clientX, y: e.touches[0].clientY}} : function(e) {return {x: e.clientX, y: e.clientY}}; /** Returns prefix property for current browser. @param {String} CSS Property Name @return {String} Detected CSS Property Name */ exports.getProperty = function(name) { var prefixes = ['Webkit', 'Moz', 'O', 'ms', ''] , testStyle = document.createElement('div').style; for (var i = 0; i < prefixes.length; ++i) { if (testStyle[prefixes[i] + name] !== undefined) { return prefixes[i] + name; } } // Not Supported return; }; $.extend(has, { 'transform': !! (exports.getProperty('Transform')) , 'transform3d': !! (window.WebKitCSSMatrix && 'm11' in new WebKitCSSMatrix()) }); // translateX(element, delta) // Moves the element by delta (px) var transformProperty = exports.getProperty('Transform'); if (has.transform3d) { exports.translateX = function(element, delta) { if (typeof delta == 'number') delta = delta + 'px'; element.style[transformProperty] = 'translate3d(' + delta + ',0,0)'; }; } else if (has.transform) { exports.translateX = function(element, delta) { if (typeof delta == 'number') delta = delta + 'px'; element.style[transformProperty] = 'translate(' + delta + ',0)'; }; } else { exports.translateX = function(element, delta) { if (typeof delta == 'number') delta = delta + 'px'; element.style.left = delta; }; } // setTransitions var transitionProperty = exports.getProperty('Transition') , durationProperty = exports.getProperty('TransitionDuration'); exports.setTransitions = function(element, enable) { if (enable) { element.style[durationProperty] = ''; } else { element.style[durationProperty] = '0s'; } } // Request Animation Frame // courtesy of @paul_irish exports.requestAnimationFrame = (function() { var prefixed = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function( callback ){ window.setTimeout(callback, 1000 / 60); }); var requestAnimationFrame = function() { prefixed.apply(window, arguments); }; return requestAnimationFrame; })(); return exports; })(Mobify.$); Mobify.UI.Carousel = (function($, Utils) { var defaults = { dragRadius: 10 , moveRadius: 20 , classPrefix: undefined , classNames: { outer: 'carousel' , inner: 'carousel-inner' , item: 'item' , center: 'center' , touch: 'has-touch' , dragging: 'dragging' , active: 'active' } } , has = $.support; // Constructor var Carousel = function(element, options) { if (options.auto==true) { this.auto=options.auto; this.duration=options.duration; } this.setOptions(options); this.initElements(element); this.initOffsets(); this.initAnimation(); this.bind(); if(this.auto){ this.autoMove(); } }; // Expose Dfaults Carousel.defaults = defaults; Carousel.prototype.setOptions = function(opts) { var options = this.options || $.extend({}, defaults, opts); /* classNames requires a deep copy */ options.classNames = $.extend({}, options.classNames, opts.classNames || {}); /* By default, classPrefix is `undefined`, which means to use the Mobify-wide level prefix */ options.classPrefix = options.classPrefix || Mobify.UI.classPrefix; this.options = options; }; Carousel.prototype.initElements = function(element) { this._index = 1; this.element = element; this.$element = $(element); this.$inner = this.$element.find('.' + this._getClass('inner')); this.$items = this.$inner.children(); this.$start = this.$items.eq(0); this.$sec = this.$items.eq(1); this.$current = this.$items.eq(this._index); this.main_carousel_touched=false; this.main_carousel_index=1; this._length = this.$items.length; this._alignment = this.$element.hasClass(this._getClass('center')) ? 0.5 : 0; }; Carousel.prototype.initOffsets = function() { this._offset = 0; this._offsetDrag = 0; } Carousel.prototype.autoMove = function() { var self = this; setInterval(function(){ if(!self.main_carousel_touched){ if(self.main_carousel_index==self._length){ self.main_carousel_index=1; }else{ self.main_carousel_index++; } self.move(self.main_carousel_index); } },self.duration); } Carousel.prototype.initAnimation = function() { this.animating = false; this.dragging = false; this._needsUpdate = false; this._enableAnimation(); }; Carousel.prototype._getClass = function(id) { return this.options.classPrefix + this.options.classNames[id]; }; Carousel.prototype._enableAnimation = function() { if (this.animating) { return; } Utils.setTransitions(this.$inner[0], true); this.$inner.removeClass(this._getClass('dragging')); this.animating = true; } Carousel.prototype._disableAnimation = function() { if (!this.animating) { return; } Utils.setTransitions(this.$inner[0], false); this.$inner.addClass(this._getClass('dragging')); this.animating = false; } Carousel.prototype.update = function() { /* We throttle calls to the real `_update` for efficiency */ if (this._needsUpdate) { return; } var self = this; this._needsUpdate = true; Utils.requestAnimationFrame(function() { self._update(); }); } Carousel.prototype._update = function() { if (!this._needsUpdate) { return; } var x = Math.round(this._offset + this._offsetDrag); Utils.translateX(this.$inner[0], x); this._needsUpdate = false; } Carousel.prototype.bind = function() { var abs = Math.abs , dragging = false , canceled = false , dragRadius = this.options.dragRadius , xy , dx , dy , dragThresholdMet , self = this , $element = this.$element , $inner = this.$inner , opts = this.options , dragLimit = this.$element.width() , lockLeft = false , lockRight = false; function start(e) { if (!has.touch) e.preventDefault(); main_banner_carousel_touched=true; dragging = true; canceled = false; xy = Utils.getCursorPosition(e); dx = 0; dy = 0; dragThresholdMet = false; // Disable smooth transitions self._disableAnimation(); lockLeft = self._index == 1; lockRight = self._index == self._length; } function drag(e) { if (!dragging || canceled) return; var newXY = Utils.getCursorPosition(e); dx = xy.x - newXY.x; dy = xy.y - newXY.y; if (dragThresholdMet || abs(dx) > abs(dy) && (abs(dx) > dragRadius)) { dragThresholdMet = true; e.preventDefault(); if (lockLeft && (dx < 0)) { dx = dx * (-dragLimit)/(dx - dragLimit); } else if (lockRight && (dx > 0)) { dx = dx * (dragLimit)/(dx + dragLimit); } self._offsetDrag = -dx; self.update(); } else if ((abs(dy) > abs(dx)) && (abs(dy) > dragRadius)) { canceled = true; } } function end(e) { if (!dragging) { return; } dragging = false; setTimeout(function(){ if(main_banner_carousel_touched) main_banner_carousel_touched=false; },3000); self._enableAnimation(); if (!canceled && abs(dx) > opts.moveRadius) { // Move to the next slide if necessary if (dx > 0) { if(self.main_carousel_index==self._length){ self.main_carousel_index=1; self.move(self.main_carousel_index); }else{ self.next(); } } else { if(self.main_carousel_index==1){ self.main_carousel_index=self._length; self.move(self.main_carousel_index); }else{ self.prev(); } } } else { // Reset back to regular position self._offsetDrag = 0; self.update(); } } function click(e) { if (dragThresholdMet) e.preventDefault(); } $inner .on(Utils.events.down + '.carousel', start) .on(Utils.events.move + '.carousel', drag) .on(Utils.events.up + '.carousel', end) .on('click.carousel', click) .on('mouseout.carousel', end); //2015-01-05 ios touchmove 오류 수정 $element.on('touchmove', '.carousel', function(e){ self.drag(); }); $element.on('click', '[data-slide]', function(e){ e.preventDefault(); var action = $(this).attr('data-slide') , index = parseInt(action, 10); if (isNaN(index)) { self[action](); } else { self.move(index); } }); $element.on('afterSlide', function(e, previousSlide, nextSlide) { self.$items.eq(previousSlide - 1).removeClass(self._getClass('active')); self.$items.eq(nextSlide - 1).addClass(self._getClass('active')); self.$element.find('[data-slide=\'' + previousSlide + '\']').removeClass(self._getClass('active')); self.$element.find('[data-slide=\'' + nextSlide + '\']').addClass(self._getClass('active')); }); $element.trigger('beforeSlide', [1, 1]); $element.trigger('afterSlide', [1, 1]); self.update(); }; Carousel.prototype.unbind = function() { this.$inner.off(); } Carousel.prototype.destroy = function() { this.unbind(); this.$element.trigger('destroy'); this.$element.remove(); // Cleanup this.$element = null; this.$inner = null; this.$start = null; this.$current = null; } Carousel.prototype.move = function(newIndex, opts) { var $element = this.$element , $inner = this.$inner , $items = this.$items , $start = this.$start , $current = this.$current , length = this._length , index = this._index; opts = opts || {}; this.main_carousel_touched=true; var _self=this; setTimeout(function(){ if(_self.main_carousel_touched) _self.main_carousel_touched=false; },3000); // Bound Values between [1, length]; if (newIndex < 1) { newIndex = 1; } else if (newIndex > this._length) { newIndex = length; } // Bail out early if no move is necessary. if (newIndex == this._index) { //return; // Return Type? } // Trigger beforeSlide event $element.trigger('beforeSlide', [index, newIndex]); // Index must be decremented to convert between 1- and 0-based indexing. this.$current = $current = $items.eq(newIndex - 1); var currentOffset = $current.prop('offsetLeft') + $current.prop('clientWidth') * this._alignment , startOffset = $start.prop('offsetLeft') + $start.prop('clientWidth') * this._alignment var transitionOffset = -(currentOffset - startOffset); this._offset = transitionOffset; this._offsetDrag = 0; this._index = newIndex; this.update(); // Trigger afterSlide event $element.trigger('afterSlide', [index, newIndex]); this.main_carousel_index=newIndex; //메인진열 상품 tab over 기능 추가 var cate_no=''; var indicator=""; var indicator_index=""; var linkCate=''; $element.find("#naverStyleMainPrd-btn").each(function(){ cate_no=$(this).find(".m-active").attr('data-category'); indicator_index=$(this).find(".m-active").attr('index'); linkCate=$(this).find(".m-active").attr('linkCate'); }); if(cate_no){ $element.find(".naverStyleNav_tab li").each(function(){ $(this).removeClass(); if(cate_no==$(this).attr("data-category")){ $(this).addClass('naverTap_over'); } }); } if($element.find(".naverStyleNav_tab_indicator").length){ $element.find(".naverStyleNav_tab_indicator a").removeClass(); $element.find(".naverStyleNav_tab_indicator a").css("display","none"); $element.find(".naverStyleNav_tab_indicator li").each(function(){ if(cate_no==$(this).attr("data-category")){ $(this).find("a").eq(indicator_index).addClass("m-active"); $(this).find("a").css("display","inline-block"); } }); //더보기 링크변경 if($element.find(".SMS_BottomModule_09").length){ $element.find(".SMS_BottomModule_09 .body ul li span").attr("onclick",'location.href="/m/product_list.html?xcode='+linkCate+'" '); } } }; Carousel.prototype.next = function() { this.move(this._index + 1); }; Carousel.prototype.prev = function() { this.move(this._index - 1); }; return Carousel; })(Mobify.$, Mobify.UI.Utils); (function($) { /** jQuery interface to set up a carousel @param {String} [action] Action to perform. When no action is passed, the carousel is simply initialized. @param {Object} [options] Options passed to the action. */ $.fn.carousel = function (action, options) { var initOptions = $.extend({}, $.fn.carousel.defaults); var opt=action; // Handle different calling conventions if (typeof action == 'object') { initOptions = $.extend({},initOptions, action); options = null; action = null; } this.each(function () { var $this = $(this) , carousel = this._carousel; if (!carousel) { carousel = new Mobify.UI.Carousel(this, initOptions); } if (action) { carousel[action](options); if (action === 'destroy') { carousel = null; } } this._carousel = carousel; }) return this; }; $.fn.carousel.defaults = {}; })(Mobify.$); /* Mobify calousel JS END ================================= */ /*메인 배너 flexslider 시작 ==============================================================*/ var Flexslider = window.Flexslider = window.Flexslider || {}; Flexslider.$ = Flexslider.$ || window.Zepto || window.jQuery; Flexslider.UI = Flexslider.UI || { classPrefix: 'm-' }; (function ($) { //FlexSlider: Object Instance $.flexslider = function(el, options) { var slider = $(el); // making variables public slider.vars = $.extend({}, $.flexslider.defaults, options); var namespace = slider.vars.namespace, msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture, touch = (( "ontouchstart" in window ) || msGesture || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch, // depricating this idea, as devices are being released with both of these events //eventType = (touch) ? "touchend" : "click", eventType = "click touchend MSPointerUp keyup", watchedEvent = "", watchedEventClearTimer, vertical = slider.vars.direction === "vertical", reverse = slider.vars.reverse, carousel = (slider.vars.itemWidth > 0), fade = slider.vars.animation === "fade", asNav = slider.vars.asNavFor !== "", methods = {}, focused = true; // Store a reference to the slider object $.data(el, "flexslider", slider); // Private slider methods methods = { init: function() { slider.animating = false; // Get current slide and make sure it is a number slider.currentSlide = parseInt( ( slider.vars.startAt ? slider.vars.startAt : 0), 10 ); if ( isNaN( slider.currentSlide ) ) slider.currentSlide = 0; slider.animatingTo = slider.currentSlide; slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide === slider.last); slider.containerSelector = slider.vars.selector.substr(0,slider.vars.selector.search(' ')); slider.slides = $(slider.vars.selector, slider); slider.container = $(slider.containerSelector, slider); slider.count = slider.slides.length; // SYNC: slider.syncExists = $(slider.vars.sync).length > 0; // SLIDE: if (slider.vars.animation === "slide") slider.vars.animation = "swing"; slider.prop = (vertical) ? "top" : "marginLeft"; slider.args = {}; // SLIDESHOW: slider.manualPause = false; slider.stopped = false; //PAUSE WHEN INVISIBLE slider.started = false; slider.startTimeout = null; // TOUCH/USECSS: slider.transitions = !slider.vars.video && !fade && slider.vars.useCSS && (function() { var obj = document.createElement('div'), props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']; for (var i in props) { if ( obj.style[ props[i] ] !== undefined ) { slider.pfx = props[i].replace('Perspective','').toLowerCase(); slider.prop = "-" + slider.pfx + "-transform"; return true; } } return false; }()); slider.ensureAnimationEnd = ''; // CONTROLSCONTAINER: if (slider.vars.controlsContainer !== "") slider.controlsContainer = $(slider.vars.controlsContainer).length > 0 && $(slider.vars.controlsContainer); // MANUAL: if (slider.vars.manualControls !== "") slider.manualControls = $(slider.vars.manualControls).length > 0 && $(slider.vars.manualControls); // RANDOMIZE: if (slider.vars.randomize) { slider.slides.sort(function() { return (Math.round(Math.random())-0.5); }); slider.container.empty().append(slider.slides); } slider.doMath(); // INIT slider.setup("init"); // CONTROLNAV: if (slider.vars.controlNav) methods.controlNav.setup(); // DIRECTIONNAV: if (slider.vars.directionNav) methods.directionNav.setup(); // KEYBOARD: if (slider.vars.keyboard && ($(slider.containerSelector).length === 1 || slider.vars.multipleKeyboard)) { $(document).bind('keyup', function(event) { var keycode = event.keyCode; if (!slider.animating && (keycode === 39 || keycode === 37)) { var target = (keycode === 39) ? slider.getTarget('next') : (keycode === 37) ? slider.getTarget('prev') : false; slider.flexAnimate(target, slider.vars.pauseOnAction); } }); } // MOUSEWHEEL: if (slider.vars.mousewheel) { slider.bind('mousewheel', function(event, delta, deltaX, deltaY) { event.preventDefault(); var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev'); slider.flexAnimate(target, slider.vars.pauseOnAction); }); } // PAUSEPLAY if (slider.vars.pausePlay) methods.pausePlay.setup(); //PAUSE WHEN INVISIBLE if (slider.vars.slideshow && slider.vars.pauseInvisible) methods.pauseInvisible.init(); // SLIDSESHOW if (slider.vars.slideshow) { if (slider.vars.pauseOnHover) { slider.hover(function() { if (!slider.manualPlay && !slider.manualPause) slider.pause(); }, function() { if (!slider.manualPause && !slider.manualPlay && !slider.stopped) slider.play(); }); } // initialize animation //If we're visible, or we don't use PageVisibility API if(!slider.vars.pauseInvisible || !methods.pauseInvisible.isHidden()) { (slider.vars.initDelay > 0) ? slider.startTimeout = setTimeout(slider.play, slider.vars.initDelay) : slider.play(); } } // ASNAV: if (asNav) methods.asNav.setup(); // TOUCH if (touch && slider.vars.touch) methods.touch(); // FADE&&SMOOTHHEIGHT || SLIDE: if (!fade || (fade && slider.vars.smoothHeight)) $(window).bind("resize orientationchange focus", methods.resize); slider.find("img").attr("draggable", "false"); // API: start() Callback setTimeout(function(){ slider.vars.start(slider); }, 200); }, asNav: { setup: function() { slider.asNav = true; slider.animatingTo = Math.floor(slider.currentSlide/slider.move); slider.currentItem = slider.currentSlide; slider.slides.removeClass(namespace + "active-slide").eq(slider.currentItem).addClass(namespace + "active-slide"); if(!msGesture){ slider.slides.on(eventType, function(e){ e.preventDefault(); var $slide = $(this), target = $slide.index(); var posFromLeft = $slide.offset().left - $(slider).scrollLeft(); // Find position of slide relative to left of slider container if( posFromLeft <= 0 && $slide.hasClass( namespace + 'active-slide' ) ) { slider.flexAnimate(slider.getTarget("prev"), true); } else if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass(namespace + "active-slide")) { slider.direction = (slider.currentItem < target) ? "next" : "prev"; slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true); } }); }else{ el._slider = slider; slider.slides.each(function (){ var that = this; that._gesture = new MSGesture(); that._gesture.target = that; that.addEventListener("MSPointerDown", function (e){ e.preventDefault(); if(e.currentTarget._gesture) e.currentTarget._gesture.addPointer(e.pointerId); }, false); that.addEventListener("MSGestureTap", function (e){ e.preventDefault(); var $slide = $(this), target = $slide.index(); if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass('active')) { slider.direction = (slider.currentItem < target) ? "next" : "prev"; slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true); } }); }); } } }, controlNav: { setup: function() { if (!slider.manualControls) { methods.controlNav.setupPaging(); } else { // MANUALCONTROLS: methods.controlNav.setupManual(); } }, setupPaging: function() { var type = (slider.vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging', j = 1, item, slide; slider.controlNavScaffold = $('<ol class="'+ namespace + 'control-nav ' + namespace + type + '"></ol>'); if (slider.pagingCount > 1) { for (var i = 0; i < slider.pagingCount; i++) { slide = slider.slides.eq(i); item = (slider.vars.controlNav === "thumbnails") ? '<img src="' + slide.attr( 'data-thumb' ) + '"/>' : '<a>' + j + '</a>'; if ( 'thumbnails' === slider.vars.controlNav && true === slider.vars.thumbCaptions ) { var captn = slide.attr( 'data-thumbcaption' ); if ( '' != captn && undefined != captn ) item += '<span class="' + namespace + 'caption">' + captn + '</span>'; } slider.controlNavScaffold.append('<li>' + item + '</li>'); j++; } } // CONTROLSCONTAINER: (slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold); methods.controlNav.set(); methods.controlNav.active(); slider.controlNavScaffold.delegate('a, img', eventType, function(event) { event.preventDefault(); if (watchedEvent === "" || watchedEvent === event.type) { var $this = $(this), target = slider.controlNav.index($this); if (!$this.hasClass(namespace + 'active')) { slider.direction = (target > slider.currentSlide) ? "next" : "prev"; slider.flexAnimate(target, slider.vars.pauseOnAction); } } // setup flags to prevent event duplication if (watchedEvent === "") { watchedEvent = event.type; } methods.setToClearWatchedEvent(); }); }, setupManual: function() { slider.controlNav = slider.manualControls; methods.controlNav.active(); slider.controlNav.bind(eventType, function(event) { event.preventDefault(); if (watchedEvent === "" || watchedEvent === event.type) { var $this = $(this), target = slider.controlNav.index($this); if (!$this.hasClass(namespace + 'active')) { (target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev"; slider.flexAnimate(target, slider.vars.pauseOnAction); } } // setup flags to prevent event duplication if (watchedEvent === "") { watchedEvent = event.type; } methods.setToClearWatchedEvent(); }); }, set: function() { var selector = (slider.vars.controlNav === "thumbnails") ? 'img' : 'a'; slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider); }, active: function() { slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active"); }, update: function(action, pos) { if (slider.pagingCount > 1 && action === "add") { slider.controlNavScaffold.append($('<li><a>' + slider.count + '</a></li>')); } else if (slider.pagingCount === 1) { slider.controlNavScaffold.find('li').remove(); } else { slider.controlNav.eq(pos).closest('li').remove(); } methods.controlNav.set(); (slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active(); } }, directionNav: { setup: function() { var directionNavScaffold = $('<ul class="' + namespace + 'direction-nav"><li><a class="' + namespace + 'prev" href="#">' + slider.vars.prevText + '</a></li><li><a class="' + namespace + 'next" href="#">' + slider.vars.nextText + '</a></li></ul>'); // CONTROLSCONTAINER: if (slider.controlsContainer) { $(slider.controlsContainer).append(directionNavScaffold); slider.directionNav = $('.' + namespace + 'direction-nav li a', slider.controlsContainer); } else { slider.append(directionNavScaffold); slider.directionNav = $('.' + namespace + 'direction-nav li a', slider); } methods.directionNav.update(); slider.directionNav.bind(eventType, function(event) { event.preventDefault(); var target; if (watchedEvent === "" || watchedEvent === event.type) { target = ($(this).hasClass(namespace + 'next')) ? slider.getTarget('next') : slider.getTarget('prev'); slider.flexAnimate(target, slider.vars.pauseOnAction); } // setup flags to prevent event duplication if (watchedEvent === "") { watchedEvent = event.type; } methods.setToClearWatchedEvent(); }); }, update: function() { var disabledClass = namespace + 'disabled'; if (slider.pagingCount === 1) { slider.directionNav.addClass(disabledClass).attr('tabindex', '-1'); } else if (!slider.vars.animationLoop) { if (slider.animatingTo === 0) { slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "prev").addClass(disabledClass).attr('tabindex', '-1'); } else if (slider.animatingTo === slider.last) { slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "next").addClass(disabledClass).attr('tabindex', '-1'); } else { slider.directionNav.removeClass(disabledClass).removeAttr('tabindex'); } } else { slider.directionNav.removeClass(disabledClass).removeAttr('tabindex'); } } }, pausePlay: { setup: function() { var pausePlayScaffold = $('<div class="' + namespace + 'pauseplay"><a></a></div>'); // CONTROLSCONTAINER: if (slider.controlsContainer) { slider.controlsContainer.append(pausePlayScaffold); slider.pausePlay = $('.' + namespace + 'pauseplay a', slider.controlsContainer); } else { slider.append(pausePlayScaffold); slider.pausePlay = $('.' + namespace + 'pauseplay a', slider); } methods.pausePlay.update((slider.vars.slideshow) ? namespace + 'pause' : namespace + 'play'); slider.pausePlay.bind(eventType, function(event) { event.preventDefault(); if (watchedEvent === "" || watchedEvent === event.type) { if ($(this).hasClass(namespace + 'pause')) { slider.manualPause = true; slider.manualPlay = false; slider.pause(); } else { slider.manualPause = false; slider.manualPlay = true; slider.play(); } } // setup flags to prevent event duplication if (watchedEvent === "") { watchedEvent = event.type; } methods.setToClearWatchedEvent(); }); }, update: function(state) { (state === "play") ? slider.pausePlay.removeClass(namespace + 'pause').addClass(namespace + 'play').html(slider.vars.playText) : slider.pausePlay.removeClass(namespace + 'play').addClass(namespace + 'pause').html(slider.vars.pauseText); } }, touch: function() { var startX, startY, offset, cwidth, dx, startT, scrolling = false, localX = 0, localY = 0, accDx = 0; if(!msGesture){ el.addEventListener('touchstart', onTouchStart, false); function onTouchStart(e) { if (slider.animating) { e.preventDefault(); } else if ( ( window.navigator.msPointerEnabled ) || e.touches.length === 1 ) { slider.pause(); // CAROUSEL: cwidth = (vertical) ? slider.h : slider. w; startT = Number(new Date()); // CAROUSEL: // Local vars for X and Y points. localX = e.touches[0].pageX; localY = e.touches[0].pageY; offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 : (carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) : (carousel && slider.currentSlide === slider.last) ? slider.limit : (carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide : (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth; startX = (vertical) ? localY : localX; startY = (vertical) ? localX : localY; el.addEventListener('touchmove', onTouchMove, false); el.addEventListener('touchend', onTouchEnd, false); } } function onTouchMove(e) { // Local vars for X and Y points. localX = e.touches[0].pageX; localY = e.touches[0].pageY; dx = (vertical) ? startX - localY : startX - localX; scrolling = (vertical) ? (Math.abs(dx) < Math.abs(localX - startY)) : (Math.abs(dx) < Math.abs(localY - startY)); var fxms = 500; if ( ! scrolling || Number( new Date() ) - startT > fxms ) { e.preventDefault(); if (!fade && slider.transitions) { if (!slider.vars.animationLoop) { dx = dx/((slider.currentSlide === 0 && dx < 0 || slider.currentSlide === slider.last && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1); } slider.setProps(offset + dx, "setTouch"); } } } function onTouchEnd(e) { // finish the touch by undoing the touch session el.removeEventListener('touchmove', onTouchMove, false); if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) { var updateDx = (reverse) ? -dx : dx, target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev'); if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) { slider.flexAnimate(target, slider.vars.pauseOnAction); } else { if (!fade) slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true); } } el.removeEventListener('touchend', onTouchEnd, false); startX = null; startY = null; dx = null; offset = null; } }else{ el.style.msTouchAction = "none"; el._gesture = new MSGesture(); el._gesture.target = el; el.addEventListener("MSPointerDown", onMSPointerDown, false); el._slider = slider; el.addEventListener("MSGestureChange", onMSGestureChange, false); el.addEventListener("MSGestureEnd", onMSGestureEnd, false); function onMSPointerDown(e){ e.stopPropagation(); if (slider.animating) { e.preventDefault(); }else{ slider.pause(); el._gesture.addPointer(e.pointerId); accDx = 0; cwidth = (vertical) ? slider.h : slider. w; startT = Number(new Date()); // CAROUSEL: offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 : (carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) : (carousel && slider.currentSlide === slider.last) ? slider.limit : (carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide : (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth; } } function onMSGestureChange(e) { e.stopPropagation(); var slider = e.target._slider; if(!slider){ return; } var transX = -e.translationX, transY = -e.translationY; //Accumulate translations. accDx = accDx + ((vertical) ? transY : transX); dx = accDx; scrolling = (vertical) ? (Math.abs(accDx) < Math.abs(-transX)) : (Math.abs(accDx) < Math.abs(-transY)); if(e.detail === e.MSGESTURE_FLAG_INERTIA){ setImmediate(function (){ el._gesture.stop(); }); return; } if (!scrolling || Number(new Date()) - startT > 500) { e.preventDefault(); if (!fade && slider.transitions) { if (!slider.vars.animationLoop) { dx = accDx / ((slider.currentSlide === 0 && accDx < 0 || slider.currentSlide === slider.last && accDx > 0) ? (Math.abs(accDx) / cwidth + 2) : 1); } slider.setProps(offset + dx, "setTouch"); } } } function onMSGestureEnd(e) { e.stopPropagation(); var slider = e.target._slider; if(!slider){ return; } if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) { var updateDx = (reverse) ? -dx : dx, target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev'); if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) { slider.flexAnimate(target, slider.vars.pauseOnAction); } else { if (!fade) slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true); } } startX = null; startY = null; dx = null; offset = null; accDx = 0; } } }, resize: function() { if (!slider.animating && slider.is(':visible')) { if (!carousel) slider.doMath(); if (fade) { // SMOOTH HEIGHT: methods.smoothHeight(); } else if (carousel) { //CAROUSEL: slider.slides.width(slider.computedW); slider.update(slider.pagingCount); slider.setProps(); } else if (vertical) { //VERTICAL: slider.viewport.height(slider.h); slider.setProps(slider.h, "setTotal"); } else { // SMOOTH HEIGHT: if (slider.vars.smoothHeight) methods.smoothHeight(); slider.newSlides.width(slider.computedW); slider.setProps(slider.computedW, "setTotal"); } } }, smoothHeight: function(dur) { if (!vertical || fade) { var $obj = (fade) ? slider : slider.viewport; (dur) ? $obj.animate({"height": slider.slides.eq(slider.animatingTo).height()}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height()); } }, sync: function(action) { var $obj = $(slider.vars.sync).data("flexslider"), target = slider.animatingTo; switch (action) { case "animate": $obj.flexAnimate(target, slider.vars.pauseOnAction, false, true); break; case "play": if (!$obj.playing && !$obj.asNav) { $obj.play(); } break; case "pause": $obj.pause(); break; } }, uniqueID: function($clone) { // Append _clone to current level and children elements with id attributes $clone.filter( '[id]' ).add($clone.find( '[id]' )).each(function() { var $this = $(this); $this.attr( 'id', $this.attr( 'id' ) + '_clone' ); }); return $clone; }, pauseInvisible: { visProp: null, init: function() { var prefixes = ['webkit','moz','ms','o']; if ('hidden' in document) return 'hidden'; for (var i = 0; i < prefixes.length; i++) { if ((prefixes[i] + 'Hidden') in document) methods.pauseInvisible.visProp = prefixes[i] + 'Hidden'; } if (methods.pauseInvisible.visProp) { var evtname = methods.pauseInvisible.visProp.replace(/[H|h]idden/,'') + 'visibilitychange'; document.addEventListener(evtname, function() { if (methods.pauseInvisible.isHidden()) { if(slider.startTimeout) clearTimeout(slider.startTimeout); //If clock is ticking, stop timer and prevent from starting while invisible else slider.pause(); //Or just pause } else { if(slider.started) slider.play(); //Initiated before, just play else (slider.vars.initDelay > 0) ? setTimeout(slider.play, slider.vars.initDelay) : slider.play(); //Didn't init before: simply init or wait for it } }); } }, isHidden: function() { return document[methods.pauseInvisible.visProp] || false; } }, setToClearWatchedEvent: function() { clearTimeout(watchedEventClearTimer); watchedEventClearTimer = setTimeout(function() { watchedEvent = ""; }, 3000); } }; // public methods slider.flexAnimate = function(target, pause, override, withSync, fromNav) { if (!slider.vars.animationLoop && target !== slider.currentSlide) { slider.direction = (target > slider.currentSlide) ? "next" : "prev"; } if (asNav && slider.pagingCount === 1) slider.direction = (slider.currentItem < target) ? "next" : "prev"; if (!slider.animating && (slider.canAdvance(target, fromNav) || override) && slider.is(":visible")) { if (asNav && withSync) { var master = $(slider.vars.asNavFor).data('flexslider'); slider.atEnd = target === 0 || target === slider.count - 1; master.flexAnimate(target, true, false, true, fromNav); slider.direction = (slider.currentItem < target) ? "next" : "prev"; master.direction = slider.direction; if (Math.ceil((target + 1)/slider.visible) - 1 !== slider.currentSlide && target !== 0) { slider.currentItem = target; slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); target = Math.floor(target/slider.visible); } else { slider.currentItem = target; slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); return false; } } slider.animating = true; slider.animatingTo = target; // SLIDESHOW: //if (pause) slider.pause(); // API: before() animation Callback slider.vars.before(slider); // SYNC: if (slider.syncExists && !fromNav) methods.sync("animate"); // CONTROLNAV if (slider.vars.controlNav) methods.controlNav.active(); // !CAROUSEL: // CANDIDATE: slide active class (for add/remove slide) if (!carousel) slider.slides.removeClass(namespace + 'active-slide').eq(target).addClass(namespace + 'active-slide'); // INFINITE LOOP: // CANDIDATE: atEnd slider.atEnd = target === 0 || target === slider.last; // DIRECTIONNAV: if (slider.vars.directionNav) methods.directionNav.update(); if (target === slider.last) { // API: end() of cycle Callback slider.vars.end(slider); // SLIDESHOW && !INFINITE LOOP: if (!slider.vars.animationLoop) slider.pause(); } // SLIDE: if (!fade) { var dimension = (vertical) ? slider.slides.filter(':first').height() : slider.computedW, margin, slideString, calcNext; // INFINITE LOOP / REVERSE: if (carousel) { //margin = (slider.vars.itemWidth > slider.w) ? slider.vars.itemMargin * 2 : slider.vars.itemMargin; margin = slider.vars.itemMargin; calcNext = ((slider.itemW + margin) * slider.move) * slider.animatingTo; slideString = (calcNext > slider.limit && slider.visible !== 1) ? slider.limit : calcNext; } else if (slider.currentSlide === 0 && target === slider.count - 1 && slider.vars.animationLoop && slider.direction !== "next") { slideString = (reverse) ? (slider.count + slider.cloneOffset) * dimension : 0; } else if (slider.currentSlide === slider.last && target === 0 && slider.vars.animationLoop && slider.direction !== "prev") { slideString = (reverse) ? 0 : (slider.count + 1) * dimension; } else { slideString = (reverse) ? ((slider.count - 1) - target + slider.cloneOffset) * dimension : (target + slider.cloneOffset) * dimension; } slider.setProps(slideString, "", slider.vars.animationSpeed); if (slider.transitions) { if (!slider.vars.animationLoop || !slider.atEnd) { slider.animating = false; slider.currentSlide = slider.animatingTo; } // Unbind previous transitionEnd events and re-bind new transitionEnd event slider.container.unbind("webkitTransitionEnd transitionend"); slider.container.bind("webkitTransitionEnd transitionend", function() { clearTimeout(slider.ensureAnimationEnd); slider.wrapup(dimension); }); // Insurance for the ever-so-fickle transitionEnd event clearTimeout(slider.ensureAnimationEnd); slider.ensureAnimationEnd = setTimeout(function() { slider.wrapup(dimension); }, slider.vars.animationSpeed + 100); } else { slider.container.animate(slider.args, slider.vars.animationSpeed, slider.vars.easing, function(){ slider.wrapup(dimension); }); } } else { // FADE: if (!touch) { //slider.slides.eq(slider.currentSlide).fadeOut(slider.vars.animationSpeed, slider.vars.easing); //slider.slides.eq(target).fadeIn(slider.vars.animationSpeed, slider.vars.easing, slider.wrapup); slider.slides.eq(slider.currentSlide).css({"zIndex": 1}).animate({"opacity": 0}, slider.vars.animationSpeed, slider.vars.easing); slider.slides.eq(target).css({"zIndex": 2}).animate({"opacity": 1}, slider.vars.animationSpeed, slider.vars.easing, slider.wrapup); } else { slider.slides.eq(slider.currentSlide).css({ "opacity": 0, "zIndex": 1 }); slider.slides.eq(target).css({ "opacity": 1, "zIndex": 2 }); slider.wrapup(dimension); } } // SMOOTH HEIGHT: if (slider.vars.smoothHeight) methods.smoothHeight(slider.vars.animationSpeed); } }; slider.wrapup = function(dimension) { // SLIDE: if (!fade && !carousel) { if (slider.currentSlide === 0 && slider.animatingTo === slider.last && slider.vars.animationLoop) { slider.setProps(dimension, "jumpEnd"); } else if (slider.currentSlide === slider.last && slider.animatingTo === 0 && slider.vars.animationLoop) { slider.setProps(dimension, "jumpStart"); } } slider.animating = false; slider.currentSlide = slider.animatingTo; // API: after() animation Callback slider.vars.after(slider); }; // SLIDESHOW: slider.animateSlides = function() { if (!slider.animating && focused ) slider.flexAnimate(slider.getTarget("next")); }; // SLIDESHOW: slider.pause = function() { /*clearInterval(slider.animatedSlides); slider.animatedSlides = null; slider.playing = false; // PAUSEPLAY: if (slider.vars.pausePlay) methods.pausePlay.update("play"); // SYNC: if (slider.syncExists) methods.sync("pause");*/ }; // SLIDESHOW: slider.play = function() { if (slider.playing) clearInterval(slider.animatedSlides); slider.animatedSlides = slider.animatedSlides || setInterval(slider.animateSlides, slider.vars.slideshowSpeed); slider.started = slider.playing = true; // PAUSEPLAY: if (slider.vars.pausePlay) methods.pausePlay.update("pause"); // SYNC: if (slider.syncExists) methods.sync("play"); }; // STOP: slider.stop = function () { slider.pause(); slider.stopped = true; }; slider.canAdvance = function(target, fromNav) { // ASNAV: var last = (asNav) ? slider.pagingCount - 1 : slider.last; return (fromNav) ? true : (asNav && slider.currentItem === slider.count - 1 && target === 0 && slider.direction === "prev") ? true : (asNav && slider.currentItem === 0 && target === slider.pagingCount - 1 && slider.direction !== "next") ? false : (target === slider.currentSlide && !asNav) ? false : (slider.vars.animationLoop) ? true : (slider.atEnd && slider.currentSlide === 0 && target === last && slider.direction !== "next") ? false : (slider.atEnd && slider.currentSlide === last && target === 0 && slider.direction === "next") ? false : true; }; slider.getTarget = function(dir) { slider.direction = dir; if (dir === "next") { return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1; } else { return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1; } }; // SLIDE: slider.setProps = function(pos, special, dur) { var target = (function() { var posCheck = (pos) ? pos : ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo, posCalc = (function() { if (carousel) { return (special === "setTouch") ? pos : (reverse && slider.animatingTo === slider.last) ? 0 : (reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) : (slider.animatingTo === slider.last) ? slider.limit : posCheck; } else { switch (special) { case "setTotal": return (reverse) ? ((slider.count - 1) - slider.currentSlide + slider.cloneOffset) * pos : (slider.currentSlide + slider.cloneOffset) * pos; case "setTouch": return (reverse) ? pos : pos; case "jumpEnd": return (reverse) ? pos : slider.count * pos; case "jumpStart": return (reverse) ? slider.count * pos : pos; default: return pos; } } }()); return (posCalc * -1) + "px"; }()); if (slider.transitions) { target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)"; dur = (dur !== undefined) ? (dur/1000) + "s" : "0s"; slider.container.css("-" + slider.pfx + "-transition-duration", dur); slider.container.css("transition-duration", dur); } slider.args[slider.prop] = target; if (slider.transitions || dur === undefined) slider.container.css(slider.args); slider.container.css('transform',target); }; slider.setup = function(type) { // SLIDE: if (!fade) { var sliderOffset, arr; if (type === "init") { slider.viewport = $('<div class="' + namespace + 'viewport"></div>').css({"overflow": "hidden", "position": "relative"}).appendTo(slider).append(slider.container); // INFINITE LOOP: slider.cloneCount = 0; slider.cloneOffset = 0; // REVERSE: if (reverse) { arr = $.makeArray(slider.slides).reverse(); slider.slides = $(arr); slider.container.empty().append(slider.slides); } } // INFINITE LOOP && !CAROUSEL: if (slider.vars.animationLoop && !carousel) { slider.cloneCount = 2; slider.cloneOffset = 1; // clear out old clones if (type !== "init") slider.container.find('.clone').remove(); slider.container.append(methods.uniqueID(slider.slides.first().clone().addClass('clone')).attr('aria-hidden', 'true')) .prepend(methods.uniqueID(slider.slides.last().clone().addClass('clone')).attr('aria-hidden', 'true')); } slider.newSlides = $(slider.vars.selector, slider); sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide + slider.cloneOffset : slider.currentSlide + slider.cloneOffset; // VERTICAL: if (vertical && !carousel) { slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%"); setTimeout(function(){ slider.newSlides.css({"display": "block"}); slider.doMath(); slider.viewport.height(slider.h); slider.setProps(sliderOffset * slider.h, "init"); }, (type === "init") ? 100 : 0); } else { slider.container.width((slider.count + slider.cloneCount) * 200 + "%"); slider.setProps(sliderOffset * slider.computedW, "init"); setTimeout(function(){ slider.doMath(); slider.newSlides.css({"width": slider.computedW, "float": "left", "display": "block"}); // SMOOTH HEIGHT: if (slider.vars.smoothHeight) methods.smoothHeight(); }, (type === "init") ? 100 : 0); } } else { // FADE: slider.slides.css({"width": "100%", "float": "left", "marginRight": "-100%", "position": "relative"}); if (type === "init") { if (!touch) { //slider.slides.eq(slider.currentSlide).fadeIn(slider.vars.animationSpeed, slider.vars.easing); if (slider.vars.fadeFirstSlide == false) { slider.slides.css({ "opacity": 0, "display": "block", "zIndex": 1 }).eq(slider.currentSlide).css({"zIndex": 2}).css({"opacity": 1}); } else { slider.slides.css({ "opacity": 0, "display": "block", "zIndex": 1 }).eq(slider.currentSlide).css({"zIndex": 2}).animate({"opacity": 1},slider.vars.animationSpeed,slider.vars.easing); } } else { slider.slides.css({ "opacity": 0, "display": "block", "webkitTransition": "opacity " + slider.vars.animationSpeed / 1000 + "s ease", "zIndex": 1 }).eq(slider.currentSlide).css({ "opacity": 1, "zIndex": 2}); } } // SMOOTH HEIGHT: if (slider.vars.smoothHeight) methods.smoothHeight(); } // !CAROUSEL: // CANDIDATE: active slide if (!carousel) slider.slides.removeClass(namespace + "active-slide").eq(slider.currentSlide).addClass(namespace + "active-slide"); //FlexSlider: init() Callback slider.vars.init(slider); }; slider.doMath = function() { var slide = slider.slides.first(), slideMargin = slider.vars.itemMargin, minItems = slider.vars.minItems, maxItems = slider.vars.maxItems; slider.w = (slider.viewport===undefined) ? slider.width() : slider.viewport.width(); slider.h = slide.height(); slider.boxPadding = slide.outerWidth() - slide.width(); // CAROUSEL: if (carousel) { slider.itemT = slider.vars.itemWidth + slideMargin; slider.minW = (minItems) ? minItems * slider.itemT : slider.w; slider.maxW = (maxItems) ? (maxItems * slider.itemT) - slideMargin : slider.w; slider.itemW = (slider.minW > slider.w) ? (slider.w - (slideMargin * (minItems - 1)))/minItems : (slider.maxW < slider.w) ? (slider.w - (slideMargin * (maxItems - 1)))/maxItems : (slider.vars.itemWidth > slider.w) ? slider.w : slider.vars.itemWidth; slider.visible = Math.floor(slider.w/(slider.itemW)); slider.move = (slider.vars.move > 0 && slider.vars.move < slider.visible ) ? slider.vars.move : slider.visible; slider.pagingCount = Math.ceil(((slider.count - slider.visible)/slider.move) + 1); slider.last = slider.pagingCount - 1; slider.limit = (slider.pagingCount === 1) ? 0 : (slider.vars.itemWidth > slider.w) ? (slider.itemW * (slider.count - 1)) + (slideMargin * (slider.count - 1)) : ((slider.itemW + slideMargin) * slider.count) - slider.w - slideMargin; } else { slider.itemW = slider.w; slider.pagingCount = slider.count; slider.last = slider.count - 1; } slider.computedW = slider.itemW - slider.boxPadding; }; slider.update = function(pos, action) { slider.doMath(); // update currentSlide and slider.animatingTo if necessary if (!carousel) { if (pos < slider.currentSlide) { slider.currentSlide += 1; } else if (pos <= slider.currentSlide && pos !== 0) { slider.currentSlide -= 1; } slider.animatingTo = slider.currentSlide; } // update controlNav if (slider.vars.controlNav && !slider.manualControls) { if ((action === "add" && !carousel) || slider.pagingCount > slider.controlNav.length) { methods.controlNav.update("add"); } else if ((action === "remove" && !carousel) || slider.pagingCount < slider.controlNav.length) { if (carousel && slider.currentSlide > slider.last) { slider.currentSlide -= 1; slider.animatingTo -= 1; } methods.controlNav.update("remove", slider.last); } } // update directionNav if (slider.vars.directionNav) methods.directionNav.update(); }; slider.addSlide = function(obj, pos) { var $obj = $(obj); slider.count += 1; slider.last = slider.count - 1; // append new slide if (vertical && reverse) { (pos !== undefined) ? slider.slides.eq(slider.count - pos).after($obj) : slider.container.prepend($obj); } else { (pos !== undefined) ? slider.slides.eq(pos).before($obj) : slider.container.append($obj); } // update currentSlide, animatingTo, controlNav, and directionNav slider.update(pos, "add"); // update slider.slides slider.slides = $(slider.vars.selector + ':not(.clone)', slider); // re-setup the slider to accomdate new slide slider.setup(); //FlexSlider: added() Callback slider.vars.added(slider); }; slider.removeSlide = function(obj) { var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj; // update count slider.count -= 1; slider.last = slider.count - 1; // remove slide if (isNaN(obj)) { $(obj, slider.slides).remove(); } else { (vertical && reverse) ? slider.slides.eq(slider.last).remove() : slider.slides.eq(obj).remove(); } // update currentSlide, animatingTo, controlNav, and directionNav slider.doMath(); slider.update(pos, "remove"); // update slider.slides slider.slides = $(slider.vars.selector + ':not(.clone)', slider); // re-setup the slider to accomdate new slide slider.setup(); // FlexSlider: removed() Callback slider.vars.removed(slider); }; //FlexSlider: Initialize methods.init(); }; // Ensure the slider isn't focussed if the window loses focus. $( window ).blur( function ( e ) { focused = false; }).focus( function ( e ) { focused = true; }); //FlexSlider: Default Settings $.flexslider.defaults = { namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds randomize: false, //Boolean: Randomize slide order fadeFirstSlide: true, //Boolean: Fade in the first slide when animation type is "fade" thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav. // Usability features pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage. useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches // Primary Controls controlNav: true, //Boolean: Create navigation for paging control of each slide? Note: Leave true for manualControls usage directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item // Secondary Navigation keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel pausePlay: false, //Boolean: Create pause/play dynamic element pauseText: "Pause", //String: Set the text for the "pause" pausePlay item playText: "Play", //String: Set the text for the "play" pausePlay item // Special properties controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider // Carousel Options itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. itemMargin: 0, //{NEW} Integer: Margin between carousel items. minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide // Callback API start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation after: function(){}, //Callback: function(slider) - Fires after each slider animation completes end: function(){}, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) added: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is added removed: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is removed init: function() {} //{NEW} Callback: function(slider) - Fires after the slider is initially setup }; //FlexSlider: Plugin Function $.fn.flexslider = function(options) { if (options === undefined) options = {}; if (typeof options === "object") { return this.each(function() { var $this = $(this), selector = (options.selector) ? options.selector : ".slides > li", $slides = $this.find(selector); if ( ( $slides.length === 1 && options.allowOneSlide === true ) || $slides.length === 0 ) { $slides.fadeIn(400); if (options.start) options.start($this); } else if ($this.data('flexslider') === undefined) { new $.flexslider(this, options); } }); } else { // Helper strings to quickly perform functions on the slider var $slider = $(this).data('flexslider'); switch (options) { case "play": $slider.play(); break; case "pause": $slider.pause(); break; case "stop": $slider.stop(); break; case "next": $slider.flexAnimate($slider.getTarget("next"), true); break; case "prev": case "previous": $slider.flexAnimate($slider.getTarget("prev"), true); break; default: if (typeof options === "number") $slider.flexAnimate(options, true); } } }; })(Flexslider.$,jQuery); /*메인 배너 flexslider 끝 ==============================================================*/ /*iscroll 시작 ==============================================================*/ /*! iScroll v5.1.3 ~ (c) 2008-2014 Matteo Spinelli ~ http://cubiq.org/license */ (function (window, document, Math) { var rAF = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); }; var utils = (function () { var me = {}; var _elementStyle = document.createElement('div').style; var _vendor = (function () { var vendors = ['t', 'webkitT', 'MozT', 'msT', 'OT'], transform, i = 0, l = vendors.length; for ( ; i < l; i++ ) { transform = vendors[i] + 'ransform'; if ( transform in _elementStyle ) return vendors[i].substr(0, vendors[i].length-1); } return false; })(); function _prefixStyle (style) { if ( _vendor === false ) return false; if ( _vendor === '' ) return style; return _vendor + style.charAt(0).toUpperCase() + style.substr(1); } me.getTime = Date.now || function getTime () { return new Date().getTime(); }; me.extend = function (target, obj) { for ( var i in obj ) { target[i] = obj[i]; } }; me.addEvent = function (el, type, fn, capture) { el.addEventListener(type, fn, !!capture); }; me.removeEvent = function (el, type, fn, capture) { el.removeEventListener(type, fn, !!capture); }; me.prefixPointerEvent = function (pointerEvent) { return window.MSPointerEvent ? 'MSPointer' + pointerEvent.charAt(9).toUpperCase() + pointerEvent.substr(10): pointerEvent; }; me.momentum = function (current, start, time, lowerMargin, wrapperSize, deceleration) { var distance = current - start, speed = Math.abs(distance) / time, destination, duration; deceleration = deceleration === undefined ? 0.0006 : deceleration; destination = current + ( speed * speed ) / ( 2 * deceleration ) * ( distance < 0 ? -1 : 1 ); duration = speed / deceleration; if ( destination < lowerMargin ) { destination = wrapperSize ? lowerMargin - ( wrapperSize / 2.5 * ( speed / 8 ) ) : lowerMargin; distance = Math.abs(destination - current); duration = distance / speed; } else if ( destination > 0 ) { destination = wrapperSize ? wrapperSize / 2.5 * ( speed / 8 ) : 0; distance = Math.abs(current) + destination; duration = distance / speed; } return { destination: Math.round(destination), duration: duration }; }; var _transform = _prefixStyle('transform'); me.extend(me, { hasTransform: _transform !== false, hasPerspective: _prefixStyle('perspective') in _elementStyle, hasTouch: 'ontouchstart' in window, hasPointer: window.PointerEvent || window.MSPointerEvent, // IE10 is prefixed hasTransition: _prefixStyle('transition') in _elementStyle }); // This should find all Android browsers lower than build 535.19 (both stock browser and webview) me.isBadAndroid = /Android /.test(window.navigator.appVersion) && !(/Chrome\/\d/.test(window.navigator.appVersion)); me.extend(me.style = {}, { transform: _transform, transitionTimingFunction: _prefixStyle('transitionTimingFunction'), transitionDuration: _prefixStyle('transitionDuration'), transitionDelay: _prefixStyle('transitionDelay'), transformOrigin: _prefixStyle('transformOrigin') }); me.hasClass = function (e, c) { var re = new RegExp("(^|\\s)" + c + "(\\s|$)"); return re.test(e.className); }; me.addClass = function (e, c) { if ( me.hasClass(e, c) ) { return; } var newclass = e.className.split(' '); newclass.push(c); e.className = newclass.join(' '); }; me.removeClass = function (e, c) { if ( !me.hasClass(e, c) ) { return; } var re = new RegExp("(^|\\s)" + c + "(\\s|$)", 'g'); e.className = e.className.replace(re, ' '); }; me.offset = function (el) { var left = -el.offsetLeft, top = -el.offsetTop; // jshint -W084 while (el = el.offsetParent) { left -= el.offsetLeft; top -= el.offsetTop; } // jshint +W084 return { left: left, top: top }; }; me.preventDefaultException = function (el, exceptions) { for ( var i in exceptions ) { if ( exceptions[i].test(el[i]) ) { return true; } } return false; }; me.extend(me.eventType = {}, { touchstart: 1, touchmove: 1, touchend: 1, mousedown: 2, mousemove: 2, mouseup: 2, pointerdown: 3, pointermove: 3, pointerup: 3, MSPointerDown: 3, MSPointerMove: 3, MSPointerUp: 3 }); me.extend(me.ease = {}, { quadratic: { style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', fn: function (k) { return k * ( 2 - k ); } }, circular: { style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1) fn: function (k) { return Math.sqrt( 1 - ( --k * k ) ); } }, back: { style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)', fn: function (k) { var b = 4; return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1; } }, bounce: { style: '', fn: function (k) { if ( ( k /= 1 ) < ( 1 / 2.75 ) ) { return 7.5625 * k * k; } else if ( k < ( 2 / 2.75 ) ) { return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75; } else if ( k < ( 2.5 / 2.75 ) ) { return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375; } else { return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375; } } }, elastic: { style: '', fn: function (k) { var f = 0.22, e = 0.4; if ( k === 0 ) { return 0; } if ( k == 1 ) { return 1; } return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 ); } } }); me.tap = function (e, eventName) { var ev = document.createEvent('Event'); ev.initEvent(eventName, true, true); ev.pageX = e.pageX; ev.pageY = e.pageY; e.target.dispatchEvent(ev); }; me.click = function (e) { var target = e.target, ev; if ( !(/(SELECT|INPUT|TEXTAREA)/i).test(target.tagName) ) { ev = document.createEvent('MouseEvents'); ev.initMouseEvent('click', true, true, e.view, 1, target.screenX, target.screenY, target.clientX, target.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, 0, null); ev._constructed = true; target.dispatchEvent(ev); } }; return me; })(); function IScroll (el, options) { this.wrapper = typeof el == 'string' ? document.querySelector(el) : el; this.scroller = this.wrapper.children[0]; this.scrollerStyle = this.scroller.style; // cache style for better performance this.options = { // INSERT POINT: OPTIONS startX: 0, startY: 0, scrollY: true, directionLockThreshold: 5, momentum: true, bounce: true, bounceTime: 600, bounceEasing: '', preventDefault: true, preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ }, HWCompositing: true, useTransition: true, useTransform: true }; for ( var i in options ) { this.options[i] = options[i]; } // Normalize options this.translateZ = this.options.HWCompositing && utils.hasPerspective ? ' translateZ(0)' : ''; this.options.useTransition = utils.hasTransition && this.options.useTransition; this.options.useTransform = utils.hasTransform && this.options.useTransform; this.options.eventPassthrough = this.options.eventPassthrough === true ? 'vertical' : this.options.eventPassthrough; this.options.preventDefault = !this.options.eventPassthrough && this.options.preventDefault; // If you want eventPassthrough I have to lock one of the axes this.options.scrollY = this.options.eventPassthrough == 'vertical' ? false : this.options.scrollY; this.options.scrollX = this.options.eventPassthrough == 'horizontal' ? false : this.options.scrollX; // With eventPassthrough we also need lockDirection mechanism this.options.freeScroll = this.options.freeScroll && !this.options.eventPassthrough; this.options.directionLockThreshold = this.options.eventPassthrough ? 0 : this.options.directionLockThreshold; this.options.bounceEasing = typeof this.options.bounceEasing == 'string' ? utils.ease[this.options.bounceEasing] || utils.ease.circular : this.options.bounceEasing; this.options.resizePolling = this.options.resizePolling === undefined ? 60 : this.options.resizePolling; if ( this.options.tap === true ) { this.options.tap = 'tap'; } // INSERT POINT: NORMALIZATION // Some defaults this.x = 0; this.y = 0; this.directionX = 0; this.directionY = 0; this._events = {}; // INSERT POINT: DEFAULTS this._init(); this.refresh(); this.scrollTo(this.options.startX, this.options.startY); this.enable(); } IScroll.prototype = { version: '5.1.3', _init: function () { this._initEvents(); // INSERT POINT: _init }, destroy: function () { this._initEvents(true); this._execEvent('destroy'); }, _transitionEnd: function (e) { if ( e.target != this.scroller || !this.isInTransition ) { return; } this._transitionTime(); if ( !this.resetPosition(this.options.bounceTime) ) { this.isInTransition = false; this._execEvent('scrollEnd'); } }, _start: function (e) { // React to left mouse button only if ( utils.eventType[e.type] != 1 ) { if ( e.button !== 0 ) { return; } } if ( !this.enabled || (this.initiated && utils.eventType[e.type] !== this.initiated) ) { return; } if ( this.options.preventDefault && !utils.isBadAndroid && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) { e.preventDefault(); } var point = e.touches ? e.touches[0] : e, pos; this.initiated = utils.eventType[e.type]; this.moved = false; this.distX = 0; this.distY = 0; this.directionX = 0; this.directionY = 0; this.directionLocked = 0; this._transitionTime(); this.startTime = utils.getTime(); if ( this.options.useTransition && this.isInTransition ) { this.isInTransition = false; pos = this.getComputedPosition(); this._translate(Math.round(pos.x), Math.round(pos.y)); this._execEvent('scrollEnd'); } else if ( !this.options.useTransition && this.isAnimating ) { this.isAnimating = false; this._execEvent('scrollEnd'); } this.startX = this.x; this.startY = this.y; this.absStartX = this.x; this.absStartY = this.y; this.pointX = point.pageX; this.pointY = point.pageY; this._execEvent('beforeScrollStart'); }, _move: function (e) { if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) { return; } if ( this.options.preventDefault ) { // increases performance on Android? TODO: check! e.preventDefault(); } var point = e.touches ? e.touches[0] : e, deltaX = point.pageX - this.pointX, deltaY = point.pageY - this.pointY, timestamp = utils.getTime(), newX, newY, absDistX, absDistY; this.pointX = point.pageX; this.pointY = point.pageY; this.distX += deltaX; this.distY += deltaY; absDistX = Math.abs(this.distX); absDistY = Math.abs(this.distY); // We need to move at least 10 pixels for the scrolling to initiate if ( timestamp - this.endTime > 300 && (absDistX < 10 && absDistY < 10) ) { return; } // If you are scrolling in one direction lock the other if ( !this.directionLocked && !this.options.freeScroll ) { if ( absDistX > absDistY + this.options.directionLockThreshold ) { this.directionLocked = 'h'; // lock horizontally } else if ( absDistY >= absDistX + this.options.directionLockThreshold ) { this.directionLocked = 'v'; // lock vertically } else { this.directionLocked = 'n'; // no lock } } if ( this.directionLocked == 'h' ) { if ( this.options.eventPassthrough == 'vertical' ) { e.preventDefault(); } else if ( this.options.eventPassthrough == 'horizontal' ) { this.initiated = false; return; } deltaY = 0; } else if ( this.directionLocked == 'v' ) { if ( this.options.eventPassthrough == 'horizontal' ) { e.preventDefault(); } else if ( this.options.eventPassthrough == 'vertical' ) { this.initiated = false; return; } deltaX = 0; } deltaX = this.hasHorizontalScroll ? deltaX : 0; deltaY = this.hasVerticalScroll ? deltaY : 0; newX = this.x + deltaX; newY = this.y + deltaY; // Slow down if outside of the boundaries if ( newX > 0 || newX < this.maxScrollX ) { newX = this.options.bounce ? this.x + deltaX / 3 : newX > 0 ? 0 : this.maxScrollX; } if ( newY > 0 || newY < this.maxScrollY ) { newY = this.options.bounce ? this.y + deltaY / 3 : newY > 0 ? 0 : this.maxScrollY; } this.directionX = deltaX > 0 ? -1 : deltaX < 0 ? 1 : 0; this.directionY = deltaY > 0 ? -1 : deltaY < 0 ? 1 : 0; if ( !this.moved ) { this._execEvent('scrollStart'); } this.moved = true; this._translate(newX, newY); /* REPLACE START: _move */ if ( timestamp - this.startTime > 300 ) { this.startTime = timestamp; this.startX = this.x; this.startY = this.y; } /* REPLACE END: _move */ }, _end: function (e) { if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) { return; } if ( this.options.preventDefault && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) { e.preventDefault(); } var point = e.changedTouches ? e.changedTouches[0] : e, momentumX, momentumY, duration = utils.getTime() - this.startTime, newX = Math.round(this.x), newY = Math.round(this.y), distanceX = Math.abs(newX - this.startX), distanceY = Math.abs(newY - this.startY), time = 0, easing = ''; this.isInTransition = 0; this.initiated = 0; this.endTime = utils.getTime(); // reset if we are outside of the boundaries if ( this.resetPosition(this.options.bounceTime) ) { return; } this.scrollTo(newX, newY); // ensures that the last position is rounded // we scrolled less than 10 pixels if ( !this.moved ) { if ( this.options.tap ) { utils.tap(e, this.options.tap); } if ( this.options.click ) { utils.click(e); } this._execEvent('scrollCancel'); return; } if ( this._events.flick && duration < 200 && distanceX < 100 && distanceY < 100 ) { this._execEvent('flick'); return; } // start momentum animation if needed if ( this.options.momentum && duration < 300 ) { momentumX = this.hasHorizontalScroll ? utils.momentum(this.x, this.startX, duration, this.maxScrollX, this.options.bounce ? this.wrapperWidth : 0, this.options.deceleration) : { destination: newX, duration: 0 }; momentumY = this.hasVerticalScroll ? utils.momentum(this.y, this.startY, duration, this.maxScrollY, this.options.bounce ? this.wrapperHeight : 0, this.options.deceleration) : { destination: newY, duration: 0 }; newX = momentumX.destination; newY = momentumY.destination; time = Math.max(momentumX.duration, momentumY.duration); this.isInTransition = 1; } // INSERT POINT: _end if ( newX != this.x || newY != this.y ) { // change easing function when scroller goes out of the boundaries if ( newX > 0 || newX < this.maxScrollX || newY > 0 || newY < this.maxScrollY ) { easing = utils.ease.quadratic; } this.scrollTo(newX, newY, time, easing); return; } this._execEvent('scrollEnd'); }, _resize: function () { var that = this; clearTimeout(this.resizeTimeout); this.resizeTimeout = setTimeout(function () { that.refresh(); }, this.options.resizePolling); }, resetPosition: function (time) { var x = this.x, y = this.y; time = time || 0; if ( !this.hasHorizontalScroll || this.x > 0 ) { x = 0; } else if ( this.x < this.maxScrollX ) { x = this.maxScrollX; } if ( !this.hasVerticalScroll || this.y > 0 ) { y = 0; } else if ( this.y < this.maxScrollY ) { y = this.maxScrollY; } if ( x == this.x && y == this.y ) { return false; } this.scrollTo(x, y, time, this.options.bounceEasing); return true; }, disable: function () { this.enabled = false; }, enable: function () { this.enabled = true; }, refresh: function () { var rf = this.wrapper.offsetHeight; // Force reflow this.wrapperWidth = this.wrapper.clientWidth; this.wrapperHeight = this.wrapper.clientHeight; /* REPLACE START: refresh */ this.scrollerWidth = this.scroller.offsetWidth; this.scrollerHeight = this.scroller.offsetHeight; this.maxScrollX = this.wrapperWidth - this.scrollerWidth; this.maxScrollY = this.wrapperHeight - this.scrollerHeight; /* REPLACE END: refresh */ this.hasHorizontalScroll = this.options.scrollX && this.maxScrollX < 0; this.hasVerticalScroll = this.options.scrollY && this.maxScrollY < 0; if ( !this.hasHorizontalScroll ) { this.maxScrollX = 0; this.scrollerWidth = this.wrapperWidth; } if ( !this.hasVerticalScroll ) { this.maxScrollY = 0; this.scrollerHeight = this.wrapperHeight; } this.endTime = 0; this.directionX = 0; this.directionY = 0; this.wrapperOffset = utils.offset(this.wrapper); this._execEvent('refresh'); this.resetPosition(); // INSERT POINT: _refresh }, on: function (type, fn) { if ( !this._events[type] ) { this._events[type] = []; } this._events[type].push(fn); }, off: function (type, fn) { if ( !this._events[type] ) { return; } var index = this._events[type].indexOf(fn); if ( index > -1 ) { this._events[type].splice(index, 1); } }, _execEvent: function (type) { if ( !this._events[type] ) { return; } var i = 0, l = this._events[type].length; if ( !l ) { return; } for ( ; i < l; i++ ) { this._events[type][i].apply(this, [].slice.call(arguments, 1)); } }, scrollBy: function (x, y, time, easing) { x = this.x + x; y = this.y + y; time = time || 0; this.scrollTo(x, y, time, easing); }, scrollTo: function (x, y, time, easing) { easing = easing || utils.ease.circular; this.isInTransition = this.options.useTransition && time > 0; if ( !time || (this.options.useTransition && easing.style) ) { this._transitionTimingFunction(easing.style); this._transitionTime(time); this._translate(x, y); } else { this._animate(x, y, time, easing.fn); } }, scrollToElement: function (el, time, offsetX, offsetY, easing) { el = el.nodeType ? el : this.scroller.querySelector(el); if ( !el ) { return; } var pos = utils.offset(el); pos.left -= this.wrapperOffset.left; pos.top -= this.wrapperOffset.top; // if offsetX/Y are true we center the element to the screen if ( offsetX === true ) { offsetX = Math.round(el.offsetWidth / 2 - this.wrapper.offsetWidth / 2); } if ( offsetY === true ) { offsetY = Math.round(el.offsetHeight / 2 - this.wrapper.offsetHeight / 2); } pos.left -= offsetX || 0; pos.top -= offsetY || 0; pos.left = pos.left > 0 ? 0 : pos.left < this.maxScrollX ? this.maxScrollX : pos.left; pos.top = pos.top > 0 ? 0 : pos.top < this.maxScrollY ? this.maxScrollY : pos.top; time = time === undefined || time === null || time === 'auto' ? Math.max(Math.abs(this.x-pos.left), Math.abs(this.y-pos.top)) : time; this.scrollTo(pos.left, pos.top, time, easing); }, _transitionTime: function (time) { time = time || 0; this.scrollerStyle[utils.style.transitionDuration] = time + 'ms'; if ( !time && utils.isBadAndroid ) { this.scrollerStyle[utils.style.transitionDuration] = '0.001s'; } // INSERT POINT: _transitionTime }, _transitionTimingFunction: function (easing) { this.scrollerStyle[utils.style.transitionTimingFunction] = easing; // INSERT POINT: _transitionTimingFunction }, _translate: function (x, y) { if ( this.options.useTransform ) { /* REPLACE START: _translate */ this.scrollerStyle[utils.style.transform] = 'translate(' + x + 'px,' + y + 'px)' + this.translateZ; /* REPLACE END: _translate */ } else { x = Math.round(x); y = Math.round(y); this.scrollerStyle.left = x + 'px'; this.scrollerStyle.top = y + 'px'; } this.x = x; this.y = y; // INSERT POINT: _translate }, _initEvents: function (remove) { var eventType = remove ? utils.removeEvent : utils.addEvent, target = this.options.bindToWrapper ? this.wrapper : window; eventType(window, 'orientationchange', this); eventType(window, 'resize', this); if ( this.options.click ) { eventType(this.wrapper, 'click', this, true); } if ( !this.options.disableMouse ) { eventType(this.wrapper, 'mousedown', this); eventType(target, 'mousemove', this); eventType(target, 'mousecancel', this); eventType(target, 'mouseup', this); } if ( utils.hasPointer && !this.options.disablePointer ) { eventType(this.wrapper, utils.prefixPointerEvent('pointerdown'), this); eventType(target, utils.prefixPointerEvent('pointermove'), this); eventType(target, utils.prefixPointerEvent('pointercancel'), this); eventType(target, utils.prefixPointerEvent('pointerup'), this); } if ( utils.hasTouch && !this.options.disableTouch ) { eventType(this.wrapper, 'touchstart', this); eventType(target, 'touchmove', this); eventType(target, 'touchcancel', this); eventType(target, 'touchend', this); } eventType(this.scroller, 'transitionend', this); eventType(this.scroller, 'webkitTransitionEnd', this); eventType(this.scroller, 'oTransitionEnd', this); eventType(this.scroller, 'MSTransitionEnd', this); }, getComputedPosition: function () { var matrix = window.getComputedStyle(this.scroller, null), x, y; if ( this.options.useTransform ) { matrix = matrix[utils.style.transform].split(')')[0].split(', '); x = +(matrix[12] || matrix[4]); y = +(matrix[13] || matrix[5]); } else { x = +matrix.left.replace(/[^-\d.]/g, ''); y = +matrix.top.replace(/[^-\d.]/g, ''); } return { x: x, y: y }; }, _animate: function (destX, destY, duration, easingFn) { var that = this, startX = this.x, startY = this.y, startTime = utils.getTime(), destTime = startTime + duration; function step () { var now = utils.getTime(), newX, newY, easing; if ( now >= destTime ) { that.isAnimating = false; that._translate(destX, destY); if ( !that.resetPosition(that.options.bounceTime) ) { that._execEvent('scrollEnd'); } return; } now = ( now - startTime ) / duration; easing = easingFn(now); newX = ( destX - startX ) * easing + startX; newY = ( destY - startY ) * easing + startY; that._translate(newX, newY); if ( that.isAnimating ) { rAF(step); } } this.isAnimating = true; step(); }, handleEvent: function (e) { switch ( e.type ) { case 'touchstart': case 'pointerdown': case 'MSPointerDown': case 'mousedown': this._start(e); break; case 'touchmove': case 'pointermove': case 'MSPointerMove': case 'mousemove': this._move(e); break; case 'touchend': case 'pointerup': case 'MSPointerUp': case 'mouseup': case 'touchcancel': case 'pointercancel': case 'MSPointerCancel': case 'mousecancel': this._end(e); break; case 'orientationchange': case 'resize': this._resize(); break; case 'transitionend': case 'webkitTransitionEnd': case 'oTransitionEnd': case 'MSTransitionEnd': this._transitionEnd(e); break; case 'wheel': case 'DOMMouseScroll': case 'mousewheel': this._wheel(e); break; case 'keydown': this._key(e); break; case 'click': if ( !e._constructed ) { e.preventDefault(); e.stopPropagation(); } break; } } }; IScroll.utils = utils; if ( typeof module != 'undefined' && module.exports ) { module.exports = IScroll; } else { window.IScroll = IScroll; } })(window, document, Math); /*iscroll 끝 ==============================================================*/ /* SMSHamburger 시작 ==============================================================*/ var SMSHamburger={ opt:{ _el:"", _closeEl:"", type:false, SMSHamburguScroll:"" }, init:function(menus,_type){ var _this=this; this.type=_type; this.opt._el=$("#Basement"); this.opt._closeEl=$("#SMS_HamburgerClose"); var height=$(window).height(); this.opt._el.height(height); this.opt._closeEl.height(height); var menuArr=menus.split(","); for(var i=0; i<menuArr.length; i++){ $("#"+menuArr[i]).click(function(){ _this.openHamburger(); }); } this.opt._closeEl.click(function(){ _this.closeHamburger(); }); //탭 버튼 this.tapBtn(); }, tapBtn:function(){ $(".basementTabNavigation div").bind("click",function(){ var index=$(this).index(); $(".basementTabNavigation div").removeClass("active"); $(this).addClass("active"); $(".basementTab").hide(); $(".basementTab").eq(index).show(); this.opt.SMSHamburguScroll = new IScroll('#Basement', {click: true}); }); }, openHamburger:function(){ //스크롤 위치 초기화 $("#BasementContent").css({ /* "-webkit-transition":"0ms cubic-bezier(0.1, 0.57, 0.1, 1)", "transform":"translate(0px, 0px) translateZ(0px)" */ }); //스크롤 시작 if(!this.opt.SMSHamburguScroll) //this.opt.SMSHamburguScroll = new IScroll('#Basement', {click: true}); this.opt._el.removeClass("BasementOpen"); this.opt._el.removeClass("BasementOff"); this.opt._el.addClass("BasementOpen"); if(this.type){ this.opt._el.css({"visibility":"visible"}); } this.opt._closeEl.show(0); }, closeHamburger:function(){ var _this=this; this.opt._el.removeClass("BasementOpen"); if(this.type){ this.opt._el.addClass("BasementOff"); setTimeout(function(){ _this.opt._el.css({"visibility":"hidden"}); },500); } this.opt._closeEl.fadeOut(0); $("#Basement").removeClass("BasementScroll"); } }; /* SMSHamburger 끝 ==============================================================*/ /* SMSPopupHamburger 시작 ==============================================================*/ var SMSPopupHamburger={ opt:{ el:"", popup:"" }, init:function(menus,_popup){ var _this=this; this.opt.popup=$("#"+_popup); var menuArr=menus.split(","); for(var i=0; i<menuArr.length; i++){ $("#"+menuArr[i]).click(function(){ _this.openHamburger(); }); } this.bind(); }, bind:function(){ var _this=this; $(this.opt.popup).bind("click",function(){ $(this).hide(); }); $(this.opt.popup).find(".popupContainer .closeBtn").bind("click",function(){ $(_this.opt.popup).hide(); }); $(this.opt.popup).find(".popupContainer").bind("click",function(){ return false; }); $(this.opt.popup).find(".cateTab li").bind("click",function(){ var id=$(this).attr("class").replace("tab",""); $(_this.opt.popup).find(".cateTab li").removeClass("over"); $(this).addClass("over"); $(_this.opt.popup).find(".popupContainer .container .menu").hide(); $(_this.opt.popup).find(".popupContainer .container .content"+id).show(); }); }, openHamburger:function(){ $(this.opt.popup).show(); } }; /* SMSPopupHamburger 끝 ==============================================================*/ /* 플러그인 시작 ==============================================================*/ var Smartskin = window.Smartskin = window.Smartskin || {}; Smartskin.$ = Smartskin.$ || window.Zepto || window.jQuery; //타임 세일 시작 (function($) { function mainTodayTimesale(obj,opt){ var gallery=function (obj,opt){ this.parent=obj; this.timesale_con=obj; this.todaySetInterval=0; this.todaySaleMove(); } gallery.prototype.todaySaleMove=function(){ var _this=this; var time=$(_this.timesale_con).find("span").attr("time"); clearInterval(_this.todaySetInterval); if(time){ _this.todaySaleTimer(); } } gallery.prototype.todaySaleTimer=function(){ var _this=this; _this.todaySetInterval=setInterval(function(){ var currentDate = new Date(); currentDate=currentDate.getTime(); var time=$(_this.timesale_con).find("span").attr("time"); var start=$(_this.timesale_con).find("span").attr("start"); if(time){ var span=$(_this.timesale_con).find("span"); var start_year=start.substr(0,4); var start_month=start.substr(5,2)-1; var start_day=start.substr(8,2); var start_hours=start.substr(11,2); var start_minutes=start.substr(14,2); var start_seconds=start.substr(17,2); var year=time.substr(0,4); var month=time.substr(5,2)-1; var day=time.substr(8,2); var hours=time.substr(11,2); var minutes=time.substr(14,2); var seconds=time.substr(17,2); var saleDate=new Date(year,month,day,hours,minutes,seconds); saleDate=saleDate.getTime(); var startDate=new Date(start_year,start_month,start_day,start_hours,start_minutes,start_seconds); startDate=startDate.getTime(); $(span).removeClass(); if(currentDate >=startDate && currentDate<=saleDate){ $(_this.parent).show(); if($("#SMS_Topmodule_topbanner").length){ $("#SMS_Topmodule_topbanner").hide(); } var timer_dis=saleDate-currentDate; //var dis_housrs=timer_dis/(60*60) var dday_days=Math.floor(timer_dis/(1000*60*60*24)); var dday_hours=Math.floor(timer_dis/(1000*60*60)); var dday_minutes=Math.floor(timer_dis/(1000*60)); var dday_minutes_text=dday_minutes-dday_hours*60; var dday_seconds=Math.floor(timer_dis/1000)-dday_minutes*60; //console.log(timer_dis,dday_hours,dday_minutes,dday_seconds); var ddayHtml=""; if(dday_days){ dday_hours=dday_hours-(dday_days*24); ddayHtml='<b class="timeText">'+dday_days+'</b><b class="timeText">일</b><b>:</b>'; } if(String(dday_hours).length==1) dday_hours="0"+dday_hours; if(String(dday_minutes_text).length==1) dday_minutes_text="0"+dday_minutes_text; if(String(dday_seconds).length==1) dday_seconds="0"+dday_seconds; //var dday=dday_hours+":"+dday_minutes_text+":"+dday_seconds; ddayHtml+='<b class="timeText">'+String(dday_hours).substr(0,1)+'</b><b class="timeText">'+String(dday_hours).substr(1,2)+'</b><b>:</b>'; ddayHtml+='<b class="timeText">'+String(dday_minutes_text).substr(0,1)+'</b><b class="timeText">'+String(dday_minutes_text).substr(1,2)+'</b><b>:</b>'; ddayHtml+='<b class="timeText">'+String(dday_seconds).substr(0,1)+'</b><b class="timeText">'+String(dday_seconds).substr(1,2)+'</b>'; $(span).html(ddayHtml); $(span).addClass("open"); $(span).show(); var link=$(_this.timesale_con).find('img').attr("link"); $(_this.timesale_con).find('img').attr("onclick",link); }else{ $(span).addClass("close"); $(span).html("<b>[종료]</b>"); $(span).attr("onclick",'alert("종료되었습니다^^");'); $(span).show(); // $(_this.parent).hide(); clearInterval(_this.todaySetInterval); if($("#SMS_Topmodule_topbanner").length){ $("#SMS_Topmodule_topbanner").show(); } } }else{ clearInterval(_this.todaySetInterval); $(span).hide(); } },1000); } return new gallery(obj,opt); } $.fn.mainTodayTimesale = function (opt) { new mainTodayTimesale(this,opt); } })(Smartskin.$); //타임 세일 끝 //move gallery 시작 (function($) { function smartskinMoveGallery(obj,opt){ //console.log(obj); var gallery=function (obj,opt){ this.parent=obj; this.el=obj.find('ul'); this.rightBtn=obj.find(".gallery_btn span:last-child"); this.leftBtn=obj.find(".gallery_btn span:first-child"); this.width=opt['width']; this.currentLeft=-this.width; this.autoRolling=true; this.touched=false; this.timer=''; this.bind(); /*이미지 하나씩 이동 */ this.autoMove(); /*smooth 이동*/ //this.smoothMove(); } function getCursorPosition(touch){ var obj= touch.originalEvent.touches ? {x: touch.originalEvent.touches[0].clientX, y: touch.originalEvent.touches[0].clientY} :{x: touch.clientX, y: touch.clientY}; return obj; } gallery.prototype.autoMove=function(){ var _this=this; clearTimeout(this.timer); if(!_this.touched){ this.timer=setTimeout(function(){ if(!_this.touched) _this.move("right"); },3000); } } gallery.prototype.move=function(direction){ var _this=this; var _ul=this.el; if(direction=="right"){ _this.currentLeft-=_this.width; $(_ul).animate({ "margin-left":_this.currentLeft+"px" },{duration:500 ,complete:function(){ var li=$(_ul).find("li:first-child"); $(_ul).find("li:first-child").remove(); $(_ul).find("li:last-child").after(li); _this.currentLeft+=_this.width; $(_ul).css("margin-left",_this.currentLeft+"px"); if(!_this.touched) _this.autoMove(); }}); }else if(direction=="left"){ _this.currentLeft+=_this.width; $(_ul).animate({ "margin-left":_this.currentLeft+"px" },{duration:500 ,complete:function(){ var li=$(_ul).find("li:last-child"); $(_ul).find("li:last-child").remove(); $(_ul).find("li:first-child").before(li); _this.currentLeft-=_this.width; $(_ul).css("margin-left",_this.currentLeft+"px"); if(!_this.touched) _this.autoMove(); }}); } } gallery.prototype.smoothMove=function(direction){ var _this=this; var _ul=this.el; _this.currentLeft-=_this.width; var margin_left=""; var move_left=""; setInterval(function(){ margin_left=$(_ul).css("margin-left"); margin_left=margin_left.replace("px",""); move_left=margin_left; if(margin_left>_this.currentLeft){ move_left--; $(_ul).css({"margin-left":move_left+"px"}); }else{ var li=$(_ul).find("li:first-child"); $(_ul).find("li:first-child").remove(); $(_ul).find("li:last-child").after(li); _this.currentLeft+=_this.width; $(_ul).css("margin-left",_this.currentLeft+"px"); _this.currentLeft-=_this.width; move_left=_this.currentLeft; } },20); } gallery.prototype.bind=function(){ var _this=this; _this.el.bind("touchstart", dragStart); function dragStart(e){ clearTimeout(_this.timer); _this.touched=true; var startXY=getCursorPosition(e); var startX=startXY.x; var startY=startXY.y _this.el.bind('touchmove', function(event) { if(event.originalEvent){ var XY=getCursorPosition(event); var direction=getDirection(startX,startY,XY); if(direction){ _this.el.unbind('touchmove'); _this.move(direction); } }else{ _this.touched=false; } }); _this.el.bind('touchend', function(event) { _this.el.unbind('touchmove'); _this.touched=false; }); } function getDirection(sX,sY,XY){ if(sX-XY.x >= 3) return "right"; else if(sX-XY.x <= -3) return "left"; else return ""; } $(this.rightBtn).bind("click",function(){ clearTimeout(_this.timer); _this.touched=true; _this.move("right"); autoMoveStart(); }); $(this.leftBtn).bind("click",function(){ clearTimeout(_this.timer); _this.touched=true; _this.move("left"); autoMoveStart(); }); function autoMoveStart(){ _this.touched=false; _this.autoMove(); } } return new gallery(obj,opt); } $.fn.smartskinMoveGallery = function (opt) { new smartskinMoveGallery(this,opt); } })(Smartskin.$); //move gallery 끝 /* 플러그인 끝 ==============================================================*/ /* 공통 함수 시작 ==============================================================*/ //이벤트 링크 function move_event_link(link){ document.location.href=link; } //smartskinPageLinker function smartskinPageLinker(url){ location.href = url; return false; } //검색 버튼 function smartskinSearchSubmit(_this){ $(_this).parent().submit(); } //Mobify 네이버 갤러리 function naverStyleNav_tab(id,index){ Mobify.$('#'+id).carousel("move",index); } //햄버거 2차 메뉴 function BasementSubmenu(obj){ if($(".BasementSubmenu_0"+obj).css("display")=="block"){ $(".BasementSubmenu_0"+obj).css("display","none"); $("#basementTab1 li").find(".submenu_btn").css("lineHeight","13px"); $("#basementTab1 li").find(".submenu_btn").html("∨"); }else{ $(".submenu").css("display","none"); $(".BasementSubmenu_0"+obj).css("display","block"); $("#basementTab1 li").find(".submenu_btn").css("lineHeight","11px"); $("#basementTab1 li").find(".submenu_btn").html("∧"); } } // placeHolder function pHolder( obj ){ if( obj.alt != "1"){ obj.value = ""; obj.alt="1"; obj.className="placeHolderOver"; } } //홈버튼 추가 함수 var SMS_homeButtonAdd = { /* * 바탕화면 아이콘 이미지 */ sIconImage : '', sApiUrl : '', /* * 쇼핑몰 이름 */ sMallName : '', /* * 링크 URL */ mallLinkUri : '', _confirm:false, type:'', init : function (mallName,adCode,_type,icon,_confirm){ if(this.validate() === false) return; this.type=_type; this.sMallName=mallName; this._confirm=_confirm; var sm_HomePageUri = document.domain; var sm_WebRootPathUri = "http://"+document.domain; if(sm_HomePageUri.indexOf("smartskin")>=0){ sm_HomePageUri = "http://"+document.domain+"/"; }else{ if(sm_HomePageUri.indexOf("m.")>=0){ //cafe24 sm_HomePageUri = "http://"+document.domain+"/"; }else{ //makeshop sm_HomePageUri = "http://"+document.domain+"/m/main.html"; } } this.mallLinkUri=sm_HomePageUri+"%3F"+adCode; if(icon){ this.sIconImage=icon; }else{ var sm_HomeButtonIconUri=""; var linkElements=document.getElementsByTagName('link'); for (var i = 0; i < linkElements.length; i++){ if (linkElements[i].getAttribute("rel")=="apple-touch-icon-precomposed"){ sm_HomeButtonIconUri=sm_WebRootPathUri+linkElements[i].getAttribute("href"); } } this.sIconImage=sm_HomeButtonIconUri; } if(this.type){ this.run(); }else{ if(!localStorage.SMS_HBA) this.run(); } }, validate : function (){ var sAgent = navigator.userAgent, sWindowType = "win16|win32|win64|mac"; try { if (sWindowType.indexOf(navigator.platform.toLowerCase()) === -1) { if (sAgent.match(/iPhone|iPad/i) !== null) { alert("아이폰, 아이패드 계열은 직접 홈버튼추가를 사용하셔야합니다."); return false; } else if (sAgent.indexOf('Android') == -1) { return false; } } else { return false; } } catch(e) {} return true; }, setIntent : function (){ var aParam = [], aApiParam = []; aParam.push('?url=' + encodeURIComponent(this.mallLinkUri)); aParam.push('&icon=' + encodeURIComponent(this.sIconImage)); aParam.push('&title=' + encodeURIComponent(this.sMallName)); aApiParam.push( 'intent://addshortcut' ); aApiParam.push( aParam.join('') ); aApiParam.push( '&serviceCode=nstore&version=7' ); aApiParam.push( '#Intent;scheme=naversearchapp;action=android.intent.action.VIEW;category=android.intent.category.BROWSABLE;package=com.nhn.android.search;end' ); this.sApiUrl = aApiParam.join(''); }, run : function (){ this.setIntent(); this.linkApp(this.type); }, linkApp : function (type){ if(type){ var bInstall = window.confirm( this.sMallName+"를 홈 화면에 추가하시겠습니까?" ); if (bInstall === true) { document.location.replace(this.sApiUrl); localStorage.setItem("SMS_HBA", "yes"); } }else{ if(this._confirm){ if (confirm(this.sMallName+"를 홈 화면에 추가하시겠습니까?") ){ document.location.replace(this.sApiUrl); } }else{ document.location.replace(this.sApiUrl); } localStorage.setItem("SMS_HBA", "yes"); } } }; //SMS 공통 함수 var SMScommonFunctions={ prdDetaiImgLoading:function(duration){ if($("#product_detail").length){ setTimeout(function(){ var product_detail=$('#product_detail').val(); $("#click_cookie_detailview").html(product_detail); $("#click_cookie_detailview").show(); $("#click_cookie_detailview_loading").css("background","none"); },duration); } }, topSearchBarView:function(btnEl,searchEl){ if($(btnEl).length){ $(btnEl).bind("click",function(){ if($(searchEl).css("display")!="none"){ $(searchEl).hide(); }else{ $(searchEl).show(); } }); } }, topCategoryView:function(tEl,mEl){ if($(tEl).length){ if(document.location.href.search("login.html") == -1 && !$(mEl).length){ $(tEl).show(); } } }, timeSale:function(url){ var el=$("#SMS_Topmodule_timesale"); if(el.length){ jQuery.ajax({ type:"GET", url:url, dataType:"xml", success : function(xml) { var html=""; var tab_html=""; var btn_html=""; var total=$(xml).find("main").find("img").length; $(xml).find("main").find("img").each(function(key){ var src=$(this).find("url").text(); var link=$(this).find("link").text(); var time=$(this).find("end").text(); var start=$(this).find("start").text(); var num=key+1; var timeHtml; if(time){ timeHtml='<span class="timer" time="'+time+'" start="'+start+'"></span>'; html+='<img src="'+src+'" link="location.href=\''+link+'\'">'+timeHtml; } }); if(html){ $("#SMS_Topmodule_timesale_container").html(html); Smartskin.$("#SMS_Topmodule_timesale").mainTodayTimesale(); } }, error : function(xhr, status, error) { } }); } }, mobifyCarousel:function(el,auto,duration){ if($(el).length){ Mobify.$(el).carousel({ auto:auto, duration:duration }); } }, flexSliderCarousel:function(el,opt){ if($(el).length){ Flexslider.$(el).flexslider({ animation: opt['type'], controlNav: opt['controlNav'], animationLoop: opt['loop'], slideshow: opt['auto'] }); $(el).show(); } }, moveGallery:function(el){ if($(el).length){ var moveEl=$(el).find(".gallery li").eq(0).find("img"); var move_width=moveEl.width(); $(el).find(".gallery ul").css("margin-left",-move_width); Smartskin.$(el).smartskinMoveGallery({ width:move_width }); } }, //로그인 후 내정보 노출 팝업 SMSmyinfoPopup:function(mode,duration){ if(!mode) return; if(!$("#SMSmyinfoPopup").length){ localStorage.setItem("SMSmyInfo","false"); return; } var SMSmyInfoData=localStorage.getItem("SMSmyInfo"); if(SMSmyInfoData=="true"){ $("#SMSmyinfoPopup").hide(); }else{ $("#SMSmyinfoPopup").show(); localStorage.setItem("SMSmyInfo","true"); setTimeout(function(){ $("#SMSmyinfoPopup").fadeOut(500); },duration); } }, //퀵메뉴 SMSQuickmenu:function(){ if(!$("#SMSQuickmenu").length || !$("#SMSQuickmenuContainer").length) return; $("#SMSQuickmenu").bind("click",function(){ if($("#SMSQuickmenuContainer").css("display")=="none"){ $("#SMSQuickmenuContainer").show(); $("#SMSQuickmenuContainer").addClass("SMSbounceInUp"); }else{ $("#SMSQuickmenuContainer").fadeOut(500); $("#SMSQuickmenuContainer").removeClass("SMSbounceInUp"); } }); $("#SMSQuickmenuContainer .close").bind("click",function(){ $("#SMSQuickmenuContainer").fadeOut(500); $("#SMSQuickmenuContainer").removeClass("SMSbounceInUp"); }); }, //상세페이지 하단 버튼 자동 노출 smartskinDescriptionBtnGroupBottom:function(){ if(!$(".smartskinDescriptionBtnGroup_bottom").length) return; var smartskinDetailOffset=$(".fixed-btn").offset().top; $(window).scroll(function(){ if($(window).scrollTop()>smartskinDetailOffset+100){ $(".smartskinDescriptionBtnGroup_bottom").css({"display":"table"}); }else{ $(".smartskinDescriptionBtnGroup_bottom").hide(); } }); }, //상세페이지 빠른구매 detailQuickBuy:function(){ if(!$("#SMSquickBuyContainer").length || !$("#SMSquickBuyBtn").length) return; $("#SMS_buy_menu").bind("click",function(){ $("#SMSquickBuyContainer").addClass("SMS_buy_menu_wrap"); $("#SMSquickBuyContainer").css("bottom","-200px"); $("#SMSquickBuyBtn").append('<div class="btnContainer"></div>'); $("#SMSquickBuyBtn .btnContainer").replaceWith($( ".fixed-btn" )); $(".SMS_buy_menu_wrap").show(); $(".smartSkin").show(); $(".custom_price_hide").hide(); $("#SMSquickBuyContainer").animate({bottom: "0"}, 200); $(".smartskinDescriptionBtnGroup_bottom").hide(); }); $("#SMSquickBuyContainer .SMSquickBuy .SMS_buy_menu_close").bind("click",function(){ $(".SMS-fixed-btn-container").append('<div class="btnContainer"></div>'); $(".SMS-fixed-btn-container .btnContainer").replaceWith($( ".fixed-btn" )); $(".smartskinDescriptionBtnGroup_bottom").show(); $("#SMSquickBuyContainer").removeClass("SMS_buy_menu_wrap"); }); }, //메인 상단 갤러리 타입 SMSmainTopGalleryType:function(mode,galleryType,duration,directionNav){ if(!$("#SMS_wrap_main").length) return; var mainChk=false; var URL=document.location.href; var current_url=URL.split("/m/"); current_url=current_url[1].split("?"); current_url=current_url[0].replace("#",""); if(current_url.search("main.html") !=-1 || current_url.search("index.html") != -1 || current_url=="/" || !current_url ){ mainChk=true; } if(mainChk){ var html=""; if(mode=="random"){ var Random_total=$("#SMS_random_img li").length; var Random_img=Math.random()*Random_total; Random_img=Math.floor(Random_img); html=$("#SMS_random_img li").eq(Random_img).html(); html=html.replace(/data-src/gi,"src"); html="<span>"+html+"</span>"; }else if(mode=="gallery"){ html='<ul class="slides">'; html+=$("#SMS_random_img ul").html(); html=html.replace(/data-src/gi,"src"); html+='</ul>'; } $("#SMS_random_view").html(html); $("#SMS_wrap_main").show(); $("#SMS_AddModule_top_01").hide(); if(mode=="gallery"){ Flexslider.$("#SMS_random_view").flexslider({ animation:galleryType, slideshowSpeed:duration, controlNav:false, directionNav:directionNav, slideshow:true }); } } }, //로그인 키보드 보기 SMSloginKeyboardView:function(){ if(!$("#login_keyboard .keyborad_text").length) return; $("#login_keyboard .keyborad_text").bind("click",function(){ if($("#login_keyboard .keyborad_img").css("display")=="none"){ $("#login_keyboard .keyborad_img").show(); $("#login_keyboard .keyborad_text .arrow").addClass("over"); }else{ $("#login_keyboard .keyborad_img").hide(); $("#login_keyboard .keyborad_text .arrow").removeClass("over"); } }); }, //상세페이지 관련 상품 옵션 선택 SMSdetailRelated:function(){ if(!$("#detail-item .related-product .items-wrap .items[data-checkbok=on] .price-info").length) return; $("#detail-item .related-product .items-wrap .items[data-checkbok=on] .price-info .option_btn").bind("click",function(){ if($(this).parent().find(".SMS_related_container").css("display")=="none"){ $(this).parent().find(".SMS_related_container").show(); $(this).text("옵션닫기"); }else{ $(this).parent().find(".SMS_related_container").hide(); $(this).text("옵션선택"); } }); }, //상세페이지 관련 상품 갤러리형 -flexslider SMSdetailRelatedFlexslider:function(limit,options){ if($(".SMSrelatedContainer").length){ var html=""; var total=$(".SMSrelatedContainer .slides li").length; $(".SMSrelatedContainer .slides li").each(function(index){ var posX=index%limit; if(!posX){ if(html) html+='</li>'; html+='<li><div class="item">'+$(this).html()+'</div>'; }else{ html+='<div class="item">'+$(this).html()+'</div>'; if(index==total-1) html+='</li>'; } $(this).remove(); }); if(html){ $(".SMSrelatedContainer .slides").prepend(html); $(".SMSrelatedContainer").show(); this.flexSliderCarousel( $(".SMSrelatedContainer"), { 'type':"slide", 'duration':options['duration'], 'auto':options['auto'], 'loop':true, 'controlNav':options['controlNav'] } ); } } } }; //네이버 갤러리 Mobify 스타일 함수 var SMSnaverStyleDisplayMobify={ opt:{ id:'', element:'', limit:0, link_cate:'', totalLimit:0, tap_total:0, link_cateArr:'', type:'normal', html:'', btn_html:'', tap_indicator_html:'', duration:5000, auto:true }, init:function(_id,_type,_con,_limit,_totalLimit,_link_cate,galleryObj){ if(!$("#"+_id).length) return; this.opt.id=_id; this.opt.element=$("#"+_id); this.opt.limit=_limit; this.opt.link_cate=_link_cate; this.opt.totalLimit=_totalLimit; this.opt.type=_type; this.opt.content=_con; if(galleryObj['auto']!="undefined") this.opt.auto=galleryObj['auto']; if(galleryObj['duration']!="undefined") this.opt.duration=galleryObj['duration']; this.naverSet(); }, naverSet:function(){ var _this=this; switch (this.opt.type){ case "normal": _this.normal(); break; case "cacao": _this.cacao(); break; default: break; } }, normal:function(){ var _this=this; _this.opt.html=""; _this.opt.btn_html=""; _this.opt.tap_indicator_html=""; var btn_index=0; _this.opt.link_cateArr=this.opt.link_cate.split(","); _this.opt.tap_total=0; $(this.opt.element).find(".mPrdList").each(function(depth){ var cate_no=$(this).attr('data-type'); var total=$(this).find("ul").length; if(_this.opt.totalLimit && total>_this.opt.totalLimit){ total=_this.opt.totalLimit; } var index=0; var more_index=1; btn_index++; _this.opt.tap_total++; var currentLimit=_this.opt.limit; var link_cateNo=_this.opt.link_cateArr[depth]; $(_this.opt.element).find(".naverStyleNav_tab li").eq(depth).attr("onclick",'naverStyleNav_tab("'+_this.opt.id+'",'+btn_index+')'); $(this).find("ul").each(function(key){ if(key<_this.opt.totalLimit){ var ul=$(this).html(); var link=$(this).attr("onclick"); if(!key){ _this.opt.html+='<div class="xans-element-xans-product xans-product-listnormal mPrdList m-item" data-type="'+cate_no+'" index="0" >'; _this.opt.btn_html+='<a href="#" data-slide="'+btn_index+'" data-category="'+cate_no+'" index="0" linkCate="'+link_cateNo+'">'+btn_index+'</a>'; _this.opt.tap_indicator_html+='<li data-category="'+cate_no+'"><a href="javascript:naverStyleNav_tab(\''+_this.opt.id+'\','+btn_index+');"></a>'; } if(key==currentLimit-1){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+=$(this).html(); _this.opt.html+="</ul>"; _this.opt.html+="</div>"; if(key<total-1){ index++; _this.opt.html+='<div class="xans-element-xans-product xans-product-listnormal mPrdList m-item" data-type="'+cate_no+'" index="'+index+'">'; btn_index++; _this.opt.btn_html+='<a href="#" data-slide="'+btn_index+'" data-category="'+cate_no+'" index="'+index+'" linkCate="'+link_cateNo+'" >'+btn_index+'</a>'; _this.opt.tap_indicator_html+='<a href="javascript:naverStyleNav_tab(\''+_this.opt.id+'\','+btn_index+');"></a>'; } more_index++; currentLimit=_this.opt.limit*more_index; }else if(key<currentLimit){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+=$(this).html(); _this.opt.html+="</ul>"; if(key==total-1){ _this.opt.html+="</div>"; _this.opt.tap_indicator_html+='</li>'; } } } }); }); this.start(); }, cacao:function(){ var _this=this; _this.opt.html=""; _this.opt.btn_html=""; _this.opt.tap_indicator_html=""; var btn_index=0; _this.opt.link_cateArr=this.opt.link_cate.split(","); _this.opt.tap_total=0; $(this.opt.element).find(".mPrdList").each(function(depth){ var cate_no=$(this).attr('data-type'); var total=$(this).find("ul").length; if(_this.opt.totalLimit && total>_this.opt.totalLimit){ total=_this.opt.totalLimit; } var index=0; var more_index=1; btn_index++; _this.opt.tap_total++; var currentLimit=_this.opt.limit; var link_cateNo=_this.opt.link_cateArr[depth]; $(_this.opt.element).find(".naverStyleNav_tab li").eq(depth).attr("onclick",'naverStyleNav_tab("'+_this.opt.id+'",'+btn_index+')'); $(this).find("ul").each(function(key){ if(key<_this.opt.totalLimit){ var link=$(this).attr("onclick"); if(!key){ _this.opt.html+='<div class="xans-element-xans-product xans-product-listnormal mPrdList m-item" data-type="'+cate_no+'" index="0" >'; _this.opt.btn_html+='<a href="#" data-slide="'+btn_index+'" data-category="'+cate_no+'" index="0" linkCate="'+link_cateNo+'">'+btn_index+'</a>'; _this.opt.tap_indicator_html+='<li data-category="'+cate_no+'"><a href="javascript:naverStyleNav_tab(\''+_this.opt.id+'\','+btn_index+');"></a>'; } if(key==currentLimit-1){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+='<li class="img">'+$(this).find(".img").html(); if(_this.opt.content) _this.opt.html+='<div class="content"><span class="pname">'+$(this).find(".pname").html()+'</span><span class="price">'+$(this).find(".price").html()+'</span></div>'; _this.opt.html+='</li>'; _this.opt.html+="</ul>"; _this.opt.html+="</div>"; if(key<total-1){ index++; _this.opt.html+='<div class="xans-element-xans-product xans-product-listnormal mPrdList m-item" data-type="'+cate_no+'" index="'+index+'">'; btn_index++; _this.opt.btn_html+='<a href="#" data-slide="'+btn_index+'" data-category="'+cate_no+'" index="'+index+'" linkCate="'+link_cateNo+'" >'+btn_index+'</a>'; _this.opt.tap_indicator_html+='<a href="javascript:naverStyleNav_tab(\''+_this.opt.id+'\','+btn_index+');"></a>'; } more_index++; currentLimit=_this.opt.limit*more_index; }else if(key<currentLimit){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+='<li class="img">'+$(this).find(".img").html(); if(_this.opt.content) _this.opt.html+='<div class="content"><span class="pname">'+$(this).find(".pname").html()+'</span><span class="price">'+$(this).find(".price").html()+'</span></div>'; _this.opt.html+='</li>'; _this.opt.html+="</ul>"; if(key==total-1){ _this.opt.html+="</div>"; _this.opt.tap_indicator_html+='</li>'; } } } }); }); this.start(); }, start:function(){ var _this=this; $(this.opt.element).find(".m-carousel-inner").html(this.opt.html); $(this.opt.element).find(".m-carousel-controls").html(this.opt.btn_html); $(this.opt.element).find(".naverStyleNav_tab_indicator .indicator").html(this.opt.tap_indicator_html); $(this.opt.element).find(".m-carousel-controls a").eq(0).addClass("m-active"); var width=Math.round((100/_this.opt.tap_total)*100)/100+"%"; $(this.opt.element).find(".naverStyleNav_tab li").css("width",width); $(this.opt.element).find(".naverStyleNav_tab_indicator .indicator li").css("width",width); $(this.opt.element).find(".naverStyleNav_tab_indicator .indicator li a").eq(0).addClass("m-active"); $(this.opt.element).find(".naverStyleNav_tab_indicator .indicator li:nth-child(1) a").css("display","inline-block"); if(_this.opt.link_cateArr[0]) $(this.opt.element).find(".SMS_BottomModule_09 .body ul li span").attr("onclick",'location.href="/m/product_list.html?xcode='+_this.opt.link_cateArr[0]+'" '); if(this.opt.type=="cacao") $(this.opt.element).find(".m-carousel-inner").addClass("SMSnaverCacaoStyle"); $(this.opt.element).find(".m-carousel-inner .grid > .img img").each(function(){ var img=$(this).attr("data-src"); $(this).attr("src",img); $(this).attr("data-src",""); $(this).show(); }); $(this.opt.element).show(); Mobify.$(this.opt.element).carousel({ auto:_this.opt.auto, duration:_this.opt.duration }); } }; //네이버 갤러리 스타일 함수 var SMSnaverStyleDisplay={ opt:{ id:'', element:'', limit:0, link_cate:'', totalLimit:0, type:'normal', html:'', galleryType:'slide', duration:5000, controlNav:true, loop:true, auto:true, content:true }, init:function(_id,_type,_con,_limit,_totalLimit,galleryObj){ if(!$("#"+_id).length) return; this.opt.id=_id; this.opt.element=$("#"+_id); this.opt.limit=_limit; this.opt.totalLimit=_totalLimit; this.opt.type=_type; this.opt.content=_con; if(galleryObj['type']!="undefined") this.opt.galleryType=galleryObj['type']; if(galleryObj['duration']!="undefined") this.opt.duration=galleryObj['duration']; if(galleryObj['controlNav']!="undefined") this.opt.controlNav=galleryObj['controlNav']; if(galleryObj['loop']!="undefined") this.opt.loop=galleryObj['loop']; if(galleryObj['auto']!="undefined") this.opt.auto=galleryObj['auto']; this.naverSet(); }, naverSet:function(){ var _this=this; switch (this.opt.type){ case "normal": _this.normal(); break; case "cacao": _this.cacao(); break; default: break; } }, normal:function(){ var _this=this; $(this.opt.element).find(".mPrdList").each(function(depth){ var total=$(this).find("ul").length; if(_this.opt.totalLimit && total>_this.opt.totalLimit){ total=_this.opt.totalLimit; } var index=0; var more_index=1; var currentLimit=_this.opt.limit; _this.opt.html=""; $(this).find("ul").each(function(key){ if(key<_this.opt.totalLimit){ var ul=$(this).html(); var link=$(this).attr("onclick"); if(!key){ _this.opt.html+='<li><div class="mPrdList">'; } if(key==currentLimit-1){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+=$(this).html(); _this.opt.html+="</ul>"; _this.opt.html+="</div>"; if(key<total-1){ index++; _this.opt.html+='<div class="mPrdList index="'+index+'">'; } more_index++; currentLimit=_this.opt.limit*more_index; }else if(key<currentLimit){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+=$(this).html(); _this.opt.html+="</ul>"; if(key==total-1){ _this.opt.html+="</div></li>"; } } } }); }); this.opt.html='<ul class="slides">'+this.opt.html+'</ul>'; $(this.opt.element).find("#naverStyleMainPrd .flexslider").html(this.opt.html); $(this.opt.element).find("#naverStyleMainPrd .flexslider .slides .mPrdList > .grid > .img img").each(function(){ var img=$(this).attr("data-src"); $(this).attr("src",img); $(this).attr("data-src",""); $(this).show(); }); this.start(); }, cacao:function(){ var _this=this; $(this.opt.element).find(".mPrdList").each(function(depth){ var total=$(this).find("ul").length; if(_this.opt.totalLimit && total>_this.opt.totalLimit){ total=_this.opt.totalLimit; } var index=0; var more_index=1; var currentLimit=_this.opt.limit; _this.opt.html=""; $(this).find("ul").each(function(key){ if(key<_this.opt.totalLimit){ var ul=$(this).html(); var link=$(this).attr("onclick"); if(!key){ _this.opt.html+='<li><div class="mPrdList">'; } if(key==currentLimit-1){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+='<li class="img">'+$(this).find(".img").html(); if(_this.opt.content) _this.opt.html+='<div class="content"><span class="pname">'+$(this).find(".pname").html()+'</span><span class="price">'+$(this).find(".price").html()+'</span></div>'; _this.opt.html+='</li>'; _this.opt.html+="</ul>"; _this.opt.html+="</div>"; if(key<total-1){ index++; _this.opt.html+='<div class="mPrdList index="'+index+'">'; } more_index++; currentLimit=_this.opt.limit*more_index; }else if(key<currentLimit){ _this.opt.html+='<ul class="grid" onclick="'+link+'" >'; _this.opt.html+='<li class="img">'+$(this).find(".img").html(); if(_this.opt.content) _this.opt.html+='<div class="content"><span class="pname">'+$(this).find(".pname").html()+'</span><span class="price">'+$(this).find(".price").html()+'</span></div>'; _this.opt.html+='</li>'; _this.opt.html+="</ul>"; if(key==total-1){ _this.opt.html+="</div></li>"; } } } }); }); this.opt.html='<ul class="slides SMSnaverCacaoStyle">'+this.opt.html+'</ul>'; $(this.opt.element).find("#naverStyleMainPrd .flexslider").html(this.opt.html); $(this.opt.element).find("#naverStyleMainPrd .flexslider .slides .mPrdList > .grid > .img img").each(function(){ var img=$(this).attr("data-src"); $(this).attr("src",img); $(this).attr("data-src",""); $(this).show(); }); this.start(); }, start:function(){ var _this=this; $(this.opt.element).show(); $(this.opt.element).find("#naver-carousel-tap").addClass(this.opt.id+"_tap"); $(this.opt.element).find("#naverStyleMainPrd").addClass(this.opt.id+"_prd"); Flexslider.$(this.opt.element).find("#naver-carousel-tap").flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, itemWidth: 200, directionNav:false, asNavFor: "."+this.opt.id+"_prd" }); Flexslider.$(this.opt.element).find("#naverStyleMainPrd").flexslider({ animation: _this.opt.galleryType, slideshowSpeed:_this.opt.duration, animationLoop:_this.opt.loop, controlNav:_this.opt.controlNav, slideshow:_this.opt.auto, sync: "."+this.opt.id+"_tap" }); } }; //메인지열 더보기 , 캐시 var SMSmainDisplayMore={ opt:{ mode:true }, init:function(_mode){ if(!$(".smartSkinmainDisplayMorebtn").length) return; this.opt.mode=_mode; var _this=this; setTimeout(function(){ $(".smartSkinmainDisplayMorebtn").bind("click",function(){ _this.more(this); }); if(_this.opt.mode) _this.storage(); },1000); }, more:function(_this){ var total=$(_this).parent().find("#smartSkinmainDisplayMorePrd").length; var id=$(_this).parent().parent().attr("id"); if(total){ $(_this).parent().find("#smartSkinmainDisplayMorePrd").eq(0).find(".thumb-img").each(function(){ var data_src=$(this).find("img").attr("data-src"); $(this).find("img").attr("data-src",""); $(this).find("img").attr("src",data_src); }); $(_this).parent().find("#smartSkinmainDisplayMorePrd").eq(0).show(); $(_this).parent().find("#smartSkinmainDisplayMorePrd").eq(0).attr("id","morePrd"); $("#morePrd > ul").css("margin-top","0px"); $("#morePrd > ul").css("padding","0px 5px"); } if(total==1) $(_this).hide(); //storage var dataObj = {}; var mainData=sessionStorage.getItem("SMSmore"); if(mainData){ dataObj = JSON.parse(mainData); } var maindisplayIndex=id.replace("smartSkinmainDisplayPrd",""); dataObj[maindisplayIndex]={id:maindisplayIndex,total:total}; sessionStorage.setItem("SMSmore",JSON.stringify(dataObj)); }, storage:function(){ var dataObj = {}; var mainData=sessionStorage.getItem("SMSmore"); if(!mainData) return; dataObj = JSON.parse(mainData); $.each(dataObj,function(key){ var id=dataObj[key]["id"]; var total=Number(dataObj[key]["total"])-1; if($("#smartSkinmainDisplayPrd"+id).length){ var currentTotal=$("#smartSkinmainDisplayPrd"+id+" #smartSkinmainDisplayMorePrd").length; var limit=currentTotal-total; $("#smartSkinmainDisplayPrd"+id+" #smartSkinmainDisplayMorePrd").each(function(index){ if(index<limit){ $(this).show(); $(this).attr("id","morePrd"); $(this).find(".thumb-img").each(function(){ var data_src=$(this).find("img").attr("data-src"); $(this).find("img").attr("data-src",""); $(this).find("img").attr("src",data_src); }); } }); if(limit==currentTotal){ $("#smartSkinmainDisplayPrd"+id + " .smartSkinmainDisplayMorebtn").hide(); } } }); } }; //최근본상품 기능 var SMSRecentList={ opt:{ recentData:"", url:"", recentVisible:false, height:0, limit:5 }, init:function(_url,_height,_limit){ var _this=this; this.opt.recentData=localStorage.getItem("SMSrecentData"); this.opt.height=_height; this.opt.limit=_limit; //상품 정보 저장 this.setPrdinfo(); this.opt.url=_url; var urlArr=_url.split(","); var URL=document.location.href; $.each(urlArr,function(index){ if(urlArr[index]=="main"){ var sm_HomePageUri = document.domain; if(sm_HomePageUri.indexOf("m.")>=0){ //cafe24 }else{ //makeshop var current_url=URL.split("/m"); current_url=current_url[1].split("?"); current_url=current_url[0].replace("#",""); if(current_url.search("main.html") !=-1 || current_url.search("index.html") != -1 || current_url=="/" || !current_url ){ _this.opt.recentVisible=true; } } }else if(URL.search(urlArr[index]) != -1){ _this.opt.recentVisible=true; } }); if(this.opt.recentVisible) this.recent(); if($(".Q_menu_hamburger").length){ this.recentHamburger(); } }, setPrdinfo:function(){ var _this=this; if($("#SMSrecentInfo").length){ setTimeout(function(){ var SMSlist=$("#SMSrecentInfo .SMSlist").text(); var SMSprdno=$("#SMSrecentInfo .SMSprdno").text(); if(SMSlist && SMSprdno){ var dataObj = {}; if(_this.opt.recentData){ dataObj = JSON.parse(_this.opt.recentData); var len = 0; var first_key=''; $.each(dataObj,function(key){ if(!len) first_key=key; len++; }); if(len>=_this.opt.limit){ delete dataObj[first_key]; } $.each(dataObj,function(key){ $.each(dataObj[key],function(index,val){ if(val['SMSprdno']==SMSprdno) delete dataObj[key]; }); }); } var currentTime=new Date(); currentTime=currentTime.getTime(); var setData={SMSlist:SMSlist,SMSprdno:SMSprdno}; dataObj[currentTime]={data:setData}; localStorage.setItem("SMSrecentData",JSON.stringify(dataObj)); } },500); } }, recent:function(){ if($(".Q_menu").length && this.opt.recentData){ dataObj = JSON.parse(this.opt.recentData); var html=""; var dataObjReverse=[]; $.each(dataObj,function(key){ $.each(dataObj[key],function(index,val){ dataObjReverse.push('<li><a href="/m/product.html?branduid='+val['SMSprdno']+'"><img src="'+val['SMSlist']+'"></a></li>'); }) }); dataObjReverse=dataObjReverse.reverse(); $.each(dataObjReverse,function(index,val){ html+=val; }); if(html){ $(".Q_menu ul").html(html); var Q_menuHeight=$(".Q_menu ul > li").length * this.opt.height; $(".Q_menu ul").css({"height":"0px"}); $(".Q_menu").show(); $(".Q_menu .Q_icon").click(function(){ $(".Q_menu ul").css({"visibility":"visible"}); if($(".Q_menu ul").height()>0){ $(".Q_menu ul").animate({ height:"0px" },500,function(){$(".Q_menu").css({"background":"none"});}); $(this).find(".open").show(); $(this).find(".close").hide(); }else{ $(".Q_menu ul").animate({ height:Q_menuHeight+"px" },500); $(this).find(".close").show(); $(this).find(".open").hide(); } }); //햄버거 if($(".Q_menu_hamburger").length){ $(".Q_menu_hamburger ul").html(html); } } } }, recentHamburger:function(){ dataObj = JSON.parse(this.opt.recentData); if(!dataObj) return; var html=""; var dataObjReverse=[]; $.each(dataObj,function(key){ $.each(dataObj[key],function(index,val){ dataObjReverse.push('<li><a href="/m/product.html?branduid='+val['SMSprdno']+'"><img src="'+val['SMSlist']+'"></a></li>'); }) }); dataObjReverse=dataObjReverse.reverse(); $.each(dataObjReverse,function(index,val){ html+=val; }); if(html){ $(".Q_menu_hamburger ul").html(html); } } }; //찜하기 기능 var SMSWishList={ opt:{ wishEl:"", offEl:"", onEl:"", root:"", url:"" }, init:function(duration,_url){ var _this=this; this.opt.url=_url; setTimeout(function(){ if($(".smartskinLikeModule").length){ _this.opt.wishEl=$(".smartskinLikeModule"); _this.wish(); $(".smartskinLikeModule span").bind("click",function(){ document.location.href=_this.opt.url; }); $(".smartskinLikeModule .smartskinLikeModule_off").bind("click",function(){ _this.bindSave(this,_this); }); } },duration); }, wish:function(){ var root=this; $(this.opt.wishEl).find(".smartskinLikeModule_off").each(function(){ //상품번호 var SMSprdno=root.getPrdno(this); var _this=this; var getStorageSMSdata=localStorage.getItem('SMSWishList'); if(getStorageSMSdata){ dataObj = JSON.parse(getStorageSMSdata); $.each(dataObj,function(key){ $.each(dataObj[key],function(index,val){ if(val['SMSprdno']==SMSprdno){ $(_this).removeClass("smartskinLikeModule_off"); $(_this).addClass("smartskinLikeModule_on"); //$(_this).parent().find("span").show(); $(_this).bind("click",function(){ root.bindDelet(this,root); }); } }); }); } }); }, bindSave:function(_this,root){ //이미지 var SMSlist=""; if($(_this).parent().parent().find(".thumb-img").length){ SMSlist=$(_this).parent().parent().find(".thumb-img img").attr("src"); }else if($(_this).parent().parent().find(".smartskinListThumbnail").length){ SMSlist=$(_this).parent().parent().find(".smartskinListThumbnail img").attr("src"); } if(SMSlist) SMSlist=root.trim(SMSlist); //상품번호 var SMSprdno=root.getPrdno(_this); //상품명 var SMSpname=""; if($(_this).parent().parent().find(".pname").length){ SMSpname=$(_this).parent().parent().find(".pname").text(); }else if($(_this).parent().parent().find(".smartskinListProductName").length){ SMSpname=$(_this).parent().parent().find(".smartskinListProductName").text(); } if(SMSpname) SMSpname=root.trim(SMSpname); //상품가격 var SMSprice=""; var SMSsaleprice=""; if($(_this).parent().parent().find(".price").length){ SMSprice=$(_this).parent().parent().find(".price").text(); SMSsaleprice=$(_this).parent().parent().find(".price-strike").text(); }else if($(_this).parent().parent().find(".smartskinListProductPrice").length){ SMSprice=$(_this).parent().parent().find(".smartskinListProductPrice").html(); } if(SMSprice) SMSprice=root.trim(SMSprice); //저장 var currentTime=new Date(); currentTime=currentTime.getTime(); var getStorageSMSdata=localStorage.getItem('SMSWishList'); var dataObj = {}; if(getStorageSMSdata){ dataObj = JSON.parse(getStorageSMSdata); //중복제거 $.each(dataObj,function(key){ $.each(dataObj[key],function(index,val){ if(val['SMSprdno']==SMSprdno) delete dataObj[key]; }); }); var len = 0; var first_key=''; $.each(dataObj,function(key){ if(!len) first_key=key; len++; }); if(len>49){ delete dataObj[first_key]; } } var setData={SMSlist:SMSlist,SMSprdno:SMSprdno,SMSpname:SMSpname,SMSprice:SMSprice,SMSsaleprice:SMSsaleprice}; dataObj[currentTime]={data:setData} localStorage.setItem('SMSWishList',JSON.stringify(dataObj)); $(_this).removeClass("smartskinLikeModule_off"); $(_this).addClass("smartskinLikeModule_on"); $(_this).parent().find("span").show(); $(_this).unbind("click"); $(_this).parent().find(".smartskinLikeModule_on").bind("click",function(){ root.bindDelet(this,root); }); }, bindDelet:function(_this,root){ //상품번호 var SMSprdno=root.getPrdno(_this); var getStorageSMSdata=localStorage.getItem('SMSWishList'); var dataObj = {}; if(getStorageSMSdata){ dataObj = JSON.parse(getStorageSMSdata); $.each(dataObj,function(key){ $.each(dataObj[key],function(index,val){ if(val['SMSprdno']==SMSprdno) delete dataObj[key]; }); }); $(_this).parent().find("span").hide(); $(_this).removeClass("smartskinLikeModule_on"); $(_this).addClass("smartskinLikeModule_off"); localStorage.setItem('SMSWishList',JSON.stringify(dataObj)); } $(_this).unbind("click"); $(_this).parent().find(".smartskinLikeModule_off").bind("click",function(){ root.bindSave(this,root); }); }, getPrdno:function(_this){ //상품번호 var SMSprdno=""; if($(_this).parent().parent().find(".link-view").length){ SMSprdno=$(_this).parent().parent().find(".link-view a").attr("href"); var prd_no_arr=SMSprdno.split("?"); prd_no_arr=prd_no_arr[1].split("&"); for(var i=0; i<prd_no_arr.length; i++){ var parm_arr=prd_no_arr[i].split("="); if(parm_arr[0]=="branduid") SMSprdno=parm_arr[1]; } } return SMSprdno; }, trim:function(string){ return string.replace(/(^\s*)|(\s*$)/gi, ""); } }; //상품 한줄 진열 갯수 변경 var SMSprdDisplayChange={ opt:{ modeList:"", modeMain:"", mainType:"", listStep:1, duration:1000 }, init:function(_list,_duration,_main,_type){ this.opt.modeList=_list; this.opt.duration=_duration; this.opt.modeMain=_main; this.opt.mainType=_type; //카테고리 if(_list) this.list(); //메인 if(_main) this.main(); }, list:function(){ if(!$(".SMScategoryView").length) return; var _this=this; $(".SMScategoryView ul > li").each(function(){ if($(this).attr("class").search("over")!=-1){ var index=$(this).attr("class"); index=index.substr(-1); _this.opt.listStep=index; } }); $(".SMScategoryView ul > li").bind("click",function(){ var index=$(this).attr("class"); index=index.substr(-1); $(".SMScategoryView ul > li").each(function(i){ var index=$(this).attr("class"); index=index.substr(-1); $(this).removeClass("over"+index); }); $(this).addClass("over"+index); _this.opt.listStep=index; _this.listChange(); }); //more btn $("#MS_product_more_btn_area a").bind("click",function(){ setTimeout(function(){ _this.listChange(); },_this.opt.duration); }); }, listChange:function(){ if(this.opt.listStep==4){ $("ul.smartskinListPageUIDesign").addClass("SMSdisplayChange"); }else{ var per=Math.round((100/this.opt.listStep),2); $("ul.smartskinListPageUIDesign").removeClass("SMSdisplayChange"); $("ul.smartskinListPageUIDesign > li").css({ "width":per+"%" }); } }, main:function(){ if(!$(".SMSmainView").length) return; var _root=this; if(this.opt.mainType){ $(".SMSmainView").each(function(){ var _parent=this; $(this).find("li").bind("click",function(){ $(_parent).find("li").each(function(){ var index=$(this).attr("class"); index=index.substr(-1); $(this).removeClass("over"+index); }); var index=$(this).index()+2; $(this).addClass("over"+index); _root.mainChange(this,_parent,_root); }); }); }else{ $(".SMSmainView li").bind("click",function(){ $(".SMSmainView li").each(function(){ var index=$(this).attr("class"); index=index.substr(-1); $(this).removeClass("over"+index); }); var index=$(this).attr("class"); index=index.substr(-1); $(this).addClass("over"+index); var per=Math.round((100/index),2); wper=per; //console.log($(".main_pro .items-wrap .items > li").length); /* $(".main_pro .swiper-paging0").siblings().not(".main_pro .swiper-paging2").find(".items li").css({ "width":per+"%" });*/ $(".main_pro .items-wrap .items > li").css({ "width":per+"%" }); }); } }, mainChange:function(_this,_parent,_root){ var listStep=$(_this).attr("class"); listStep=listStep.substr(-1); var per=Math.round((100/listStep),2); $(_parent).parent().find(".items-wrap .items > li").css({ "width":per+"%" }); } }; //장바구니 가격 자동 계산 var SMSbasketPrice={ opt:{ }, init:function(){ if(!$("#basket").length) return; var _this=this; if($("#all_check").length) this.allCheck(); if($("#basketchks").length){ $('input[name="basketchks"]').each(function(){ $(this).bind("click",function(){ _this.price(); }); }); } //배송료 init this.delivery(); }, allCheck:function(){ var _this=this; $("#all_check .MS_input_checkbox").bind("click",function(){ if($("#all_check .MS_input_checkbox").is(":checked")){ _this.price(); }else{ $(".prd_total_price").html("0원"); $(".pay_total_price").html("0원"); $(".SMS_delivery_content").hide(); } }); }, price:function(){ var _this=this; var total_price=0; var prd_total_price=0; $("#basket .results .items li dl.container").each(function(){ if($(this).find(".MS_input_checkbox").is(":checked")){ var price=$(this).parent().parent().find(".prd_price").text(); price=Number(price.replace(/[^0-9]/g,'')); total_price+=price; } }); if(total_price){ //배송료 조건 if($("#SMS_delivery_condition").length && $("#SMS_delivery_price").length){ var SMS_delivery_condition=$("#SMS_delivery_condition").text(); SMS_delivery_condition=Number(SMS_delivery_condition.replace(/[^0-9]/g,"")); var SMS_delivery_price=$("#SMS_delivery_price").text(); SMS_delivery_price=Number(SMS_delivery_price.replace(/[^0-9]/g,"")); if(total_price<SMS_delivery_condition){ var SMS_delivery_price_text=_this.numberFormat(SMS_delivery_price); $("#basket .total-info .content-info-top ul li.content-delivery .delivery").text(SMS_delivery_price_text+"원"); $("#basket .total-info .content-info-top ul li.content-delivery").show(); var delivery=SMS_delivery_condition-total_price; delivery=_this.numberFormat(delivery); var text="(현재 "+delivery+"원 더 구매하시면 무료배송!)"; $(".SMS_delivery_content").text(text); $(".SMS_delivery_content").show(); }else{ $("#basket .total-info .content-info-top ul li.content-delivery .delivery").text(""); $("#basket .total-info .content-info-top ul li.content-delivery").hide(); $(".SMS_delivery_content").hide(); } } prd_total_price=total_price; if($("#basket .total-info .content-info-top .vat").text()) total_price+=Number($("#basket .total-info .content-info-top .vat").text().replace(/[^0-9]/g,'')); if($("#basket .total-info .content-info-top .delivery").text()) total_price+=Number($("#basket .total-info .content-info-top .delivery").text().replace(/[^0-9]/g,'')); if($("#basket .total-info .content-info-top .delivery_add").text()) total_price+=Number($("#basket .total-info .content-info-top .delivery_add").text().replace(/[^0-9]/g,'')); total_price=_this.numberFormat(total_price); prd_total_price=_this.numberFormat(prd_total_price); $(".prd_total_price").html(prd_total_price+"원"); $(".pay_total_price").html(total_price+"원"); }else{ $(".prd_total_price").html("0원"); $(".pay_total_price").html("0원"); $(".SMS_delivery_content").hide(); } }, delivery:function(){ var _this=this; if($("#basket .total-info .content-info-top ul li.content-delivery .SMS_pay_delivery").length) $("#basket .total-info .content-info-top ul li.content-delivery").show(); if($("#SMS_delivery_condition").length && $("#SMS_delivery_price").length){ var pay_total_price=$(".prd_total_price").text(); pay_total_price=Number(pay_total_price.replace(/[^0-9]/g,'')); var SMS_delivery_condition=$("#SMS_delivery_condition").text(); SMS_delivery_condition=Number(SMS_delivery_condition.replace(/[^0-9]/g,"")); if(pay_total_price<SMS_delivery_condition){ var delivery=SMS_delivery_condition-pay_total_price; delivery=_this.numberFormat(delivery); var text="(현재 "+delivery+"원 더 구매하시면 무료배송!)"; $(".SMS_delivery_content").text(text); $(".SMS_delivery_content").show(); } } }, numberFormat:function(str){ return str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } }; //메인 move gallery 타입2 var SMSmoveGalleryType2={ opt:{ el:"", ul:"", total:0, current:0, thumbnail:0, preview:false, firstEl:"", lastEl:"", duration:4000, interval:"", limit:1, playing:false, direction:"next", mode:"", pfx:"", prop:"", transitions:"", target:0, directionNav:true, prevWidth:0, touched:false, timeout:"" }, init:function(_el,options){ this.opt.el=_el; this.opt.duration=options["duration"]; this.opt.limit=options["limit"]; this.opt.preview=options["preview"]; this.opt.directionNav=options["direction"]; this.opt.ul=$(_el).find(".galleryContainer > ul"); this.opt.total=$(_el).find(".galleryContainer ul > li").length; this.setting(); }, setting:function(){ var _this=this; var documentW=$(document).width(); var width=documentW/(this.opt.limit+1); var prevWidth=0; if(this.opt.preview){ prevWidth=(width/2)/(this.opt.limit+1); width+=prevWidth; } this.opt.thumbnail=Math.ceil(width); this.opt.prevWidth=Math.ceil(this.opt.thumbnail/2)-Math.ceil(prevWidth/this.opt.limit); this.clone(); $(this.opt.ul).find("li").width(this.opt.thumbnail); var ul_width=this.opt.total*this.opt.thumbnail*2; $(this.opt.ul).width(ul_width); this.opt.transitions=this.transitions(); this.animation("-"+this.opt.thumbnail,"0"); this.play(); if(this.opt.directionNav) this.bind(); }, clone:function(){ var first=0; var last=this.opt.total-1; if($(this.opt.ul).find("li.clone").length){ $(this.opt.ul).find("li.clone").remove(); if(this.opt.direction=="next"){ $(this.opt.ul).append($(this.opt.el).find(".galleryContainer > ul li").eq(0)); }else if(this.opt.direction=="prev"){ $(this.opt.ul).prepend($(this.opt.el).find(".galleryContainer > ul li").eq(this.opt.total-1)); } } this.opt.firstEl=$(this.opt.el).find(".galleryContainer > ul li").eq(0).html(); this.opt.lastEl=$(this.opt.el).find(".galleryContainer > ul li").eq(this.opt.total-1).html(); $(this.opt.ul).append('<li class="item clone">'+this.opt.firstEl+'</li>'); $(this.opt.ul).prepend('<li class="item clone">'+this.opt.lastEl+'</li>'); $(this.opt.ul).find("li").width(this.opt.thumbnail); }, play:function(){ var _this=this; this.animation("","0.6s"); if(_this.opt.interval) clearInterval(_this.opt.interval); _this.opt.playing=true; _this.opt.interval=setInterval(function(){ if(!_this.opt.touched) _this.move(); },_this.opt.duration); }, bind:function(){ var _this=this; $(this.opt.el).find(".slide_prev").bind("click",function(){ _this.opt.direction="prev"; }); $(this.opt.el).find(".slide_next").bind("click",function(){ _this.opt.direction="next"; }); $(this.opt.el).bind("touchstart",function(e){ e.preventDefault(); var startXY=_this.getCursorPosition(e); if(_this.opt.timeout) clearTimeout(_this.opt.timeout); var startX=startXY.x; var startY=startXY.y $(_this.opt.el).bind('touchmove', function(event) { if(event.originalEvent){ var XY=_this.getCursorPosition(event); var direction=_this.getDirection(startX,startY,XY); if(direction){ _this.opt.direction=direction; $(_this.opt.el).unbind('touchmove'); _this.move(direction); } }else{ _this.opt.touched=false; } }); $(_this.opt.el).bind('touchend', function(event) { $(this.opt.el).unbind('touchmove'); }); }); }, getDirection:function (sX,sY,XY){ if(sX-XY.x >= 3) return "next"; else if(sX-XY.x <= -3) return "prev"; else return ""; }, getCursorPosition:function (touch){ var obj= touch.originalEvent.touches ? {x: touch.originalEvent.touches[0].clientX, y: touch.originalEvent.touches[0].clientY} :{x: touch.clientX, y: touch.clientY}; return obj; }, move:function(){ var _this=this; if(this.opt.timeout) clearTimeout(this.opt.timeout); if(_this.opt.direction=="next"){ this.opt.target=this.opt.thumbnail*-2+"px"; }else if(_this.opt.direction=="prev"){ this.opt.target=(this.opt.prevWidth*-1)+"px"; } this.animation(this.opt.target,"0.6s"); var defaultX=_this.opt.thumbnail; if(this.opt.preview && _this.opt.direction=="prev"){ defaultX=_this.opt.thumbnail+this.opt.prevWidth; } this.opt.timeout=setTimeout(function(){ _this.clone(); _this.animation("-"+defaultX+"px","0"); _this.opt.touched=false; },600); }, animation:function(translate,transition){ var _this=this; if(this.opt.transitions){ if(transition){ $(this.opt.ul).css("-"+_this.opt.pfx+"-transition-duration",transition); $(this.opt.ul).css("transition-duration",transition); } if(translate){ $(this.opt.ul).css(_this.opt.prop,"translate3d("+translate+", 0px, 0px)"); $(this.opt.ul).css("transform","translate3d("+translate+", 0px, 0px)"); } }else{ if(transition!="0") transition=600; else transition=0; if(translate){ $(this.opt.ul).animate({ "margin-left":translate },transition); } } }, transitions:function(){ var obj = document.createElement('div'), props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']; for (var i in props) { if ( obj.style[ props[i] ] !== undefined ) { this.opt.pfx = props[i].replace('Perspective','').toLowerCase(); this.opt.prop = "-" + this.opt.pfx + "-transform"; return true; } } return false; } }; /* 공통 함수 끝 ==============================================================*/ /*스마트스킨 커스텀 함수 시작 _ 추가 함수 작성 시 사용 !!!! ==============================================================*/ $(document).ready(function(){ $(window).scroll(function(){ var HamburgerPage=document.getElementById("HamburgerPage"); var topHeight=105; if($(window).scrollTop()>topHeight && (HamburgerPage.style.left=="0px" || !HamburgerPage.style.left)){ /* SMS_Topmodule_01.style.position="fixed"; */ $("#SMS_AddModule_top_01").css("position","fixed"); $("#SMS_AddModule_top_01").css("top","0px"); $("#SMS_AddModule_top_01").css("width","100%"); $("#SMS_AddModule_top_01").css("z-index","999"); $("#SMS_AddModule_top_01").css("border-bottom","1px solid #000"); $(".SMS_Topmodule_02 .container_Box h1").attr("style","line-height:60px !important; height:60px;"); $(".SMS_Topmodule_02 .container_Box h1 img").attr("style","width:90px !important;"); $(".SMS_Topmodule_02 .menu_btn").css("top","10px"); $(".SMS_Topmodule_02 .search_ico_btn").css("top","10px"); }else{ /* SMS_Topmodule_01.style.position="static"; */ $("#SMS_AddModule_top_01").css("position","relative"); $("#SMS_AddModule_top_01").css("top","0px"); $("#SMS_AddModule_top_01").css("width","100%"); $("#SMS_AddModule_top_01").css("z-index","initial"); $("#SMS_AddModule_top_01").css("border-bottom","0px"); $(".SMS_Topmodule_02 .container_Box h1").attr("style","line-height:70px !important; height:70px;"); $(".SMS_Topmodule_02 .container_Box h1 img").attr("style","width:105px !important;"); $(".SMS_Topmodule_02 .menu_btn").css("top","15px"); $(".SMS_Topmodule_02 .search_ico_btn").css("top","15px"); } }); }); function looketAppsBannerUrl_1(){ var inLooketApp = (location.href.indexOf("looketapps") > -1); if(inLooketApp){ clickcoupon('26152824', 'ALL'); }else{ window.location.replace('http://goo.gl/G8spNu'); } } /*스마트스킨 커스텀 함수 끝 ==============================================================*/ /* document ready 시작 ==============================================================*/ // 상세페이지 비 동기 이미지 로더 if($("#click_cookie_detailview_loading").length){ //이미지 로딩 시간 변경 : 500 -> 1000 .... SMScommonFunctions.prdDetaiImgLoading(500); } SMScommonFunctions.timeSale("/design/odeshop/smartskin_re/timesale.xml"); $(document).ready(function(){ //move gallery - 메인 흐르는 갤러리 /*SMScommonFunctions.moveGallery( $("#mainmove_bestGallery") );*/ //메인 move 갤러리 type2 - 미리보기 /*SMSmoveGalleryType2.init($("#SMSmoveGallery"),{ "duration":3000, "limit":2, "preview":true, "direction":true });*/ //상세페이지 하단 버튼 자동 노출 : Default SMScommonFunctions.smartskinDescriptionBtnGroupBottom(); //로그인 한글자판 view : Default SMScommonFunctions.SMSloginKeyboardView(); //상세페이지 빠른구매 : Default SMScommonFunctions.detailQuickBuy(); /*햄버거 시작, 햄버거 메뉴 Element가 추가될 경우 menu,menu1 같은 형식으로 적용 [Element ID, 닫기 후 애니메이션 적용 여부 true/false]*/ SMSHamburger.init("menu",true); /*팝업 햄버거 시작 햄버거 메뉴 Element가 추가될 경우 menu,menu1 같은 형식으로 적용 [Element ID, 팝업 햄버거 ID]*/ //SMSPopupHamburger.init("menu2","HamburgerPopup"); //장바구니 가격계산 : Default SMSbasketPrice.init(); //타임세일 //북마크 : Default if($(".SMS_Topmodule_01 .bookmark_btn").length){ //북마크 클릭 설치 $(".SMSbookMarkBtn").click(function(){ SMS_homeButtonAdd.init(favorite_mallname,favorite_malladcode,"click"); }); //북마크 자동 설치 //SMS_homeButtonAdd.init(favorite_mallname,favorite_malladcode); } /*메인 진열 더보기 더보기 쿠키 [쿠키적용 여부 true/false ] */ SMSmainDisplayMore.init(false); //메인배너 - Mobify [갤러리 Element, auto , 롤링 시간] SMScommonFunctions.mobifyCarousel( $("#main-banner-carousel"), true, 5000 ); //메인배너 - Flexslider [갤러리 Element, slide/fade , 롤링 시간] /*SMScommonFunctions.flexSliderCarousel( $("#main-flexslider"), { 'type':"slide", 'duration':5000, 'auto':true, 'loop':true, 'controlNav':true } );*/ //카테고리 베스트 상품 갤러리 - Flexslider if($("#SMSlistBestContainer li").length){ SMScommonFunctions.flexSliderCarousel( $("#SMSlistBestContainer"), { 'type':"slide", 'duration':5000, 'auto':true, 'loop':true, 'controlNav':true } ); } /*네이버 스타일 갤러리 - Flexslider [Element ID , normal/cacao , 가격노출 , 상품갯수 , 총갯수, 갤러리 옵션]*/ SMSnaverStyleDisplay.init( "naverStyleList001","cacao",true,6,6, { 'type':"slide", 'duration':5000, 'auto':true, 'loop':true, 'controlNav':true } ); /*네이버 스타일 갤러리 -Mobify [Element ID , normal/cacao , 가격노출 , 상품갯수 , 총갯수, 갤러리 옵션]*/ /*SMSnaverStyleDisplayMobify.init("naverStyleList002","cacao",true,6,6,"001,002,003,004", { "auto":true, 'duration':5000 } ); */ /*최근본상품 기능 [노출될 페이지 주소 콤마(,) 구분으로 입력/ main은 default , 썸네일 이미지 height값,상품갯수]*/ //SMSRecentList.init("main,product_list",75,5); /*찜하기 기능 [찜하기 적용 지연 시간 , 새페이지 url주소]*/ //SMSWishList.init(1000,"/m/page.html?id=1"); /*1단 2단 3단 4단 진열 변경 [카테고리 , 더보기 클릭 후 setimeout 시간, 메인적용 여부 , 메인진열별 :true / 전체적용:false]*/ SMSprdDisplayChange.init(true,1000,true,false); /*로그인 후 내정보 노출 팝업 [팝업 사용여부 true/false , 노출시간]*/ //SMScommonFunctions.SMSmyinfoPopup(true,3000); //퀵메뉴 //SMScommonFunctions.SMSQuickmenu(); /*메인 상단 갤러리 타입 [gallery / random, slide/fade, 이동 속도 , 좌우버튼 노출 여부]*/ //SMScommonFunctions.SMSmainTopGalleryType("gallery","slide",5000,false); /*상단 검색바 노출 (클릭 버튼 Element , 검색바 Element)*/ SMScommonFunctions.topSearchBarView( $("#SMS_AddModule_top_01 .search_ico_btn"), $("#SMS_Topmodule_03" )); //상단 텍스트,아이콘 카테고리 노출 : Default SMScommonFunctions.topCategoryView( $("#SMS_Topmodule_06_1"), $("#SMS_Topmodule_06_2") ); //상세페이지 관련 상품 옵션 선택 SMScommonFunctions.SMSdetailRelated(); }); /* document ready 끝 ==============================================================*/ </script><!-- 스마트스킨 공통 JS --> <script> console.timeEnd('Loaded'); </script> <!-- Global site tag (gtag.js) - Google Ads: 760216880 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-760216880"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-760216880'); </script> <script type='text/javascript'> function MSLOG_loadJavascript(url) { var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; var loaded = false; script.onreadystatechange= function () { if (this.readyState == 'loaded' || this.readyState == 'complete') { if (loaded) { return; } loaded = true; } } script.src = url; head.appendChild(script); } var MSLOG_charset = 'utf-8'; var MSLOG_server = 'https://log21.makeshop.co.kr'; var MSLOG_code = 'odeshopCN'; var MSLOG_var = 'V1ZSdmVFNVVjRGRqZW04MFQybEthbUZIUm5sWU0wNXNaRU5KTjJONmJ6RlBhVXBXVmtWWmRFOURTVGRqZW04eVQybEthMXBZV25CWk1sVnBUek5OTmsxVWIybGlVMGszWTNwdk1FOXBTbnBrUjFaM1NXcDBlazlxUlRaSmEyTnBUek5OTms1VWIybGFNalZvWWxkVmFVOHpUVFpPVkZVMlNYVjFhRzVQZFc1eFR6Sk1jMU5FYzJrMlZISnZObXB6YkRaTlp6ZEtZVFEyTjBOak5qVTJRVGRKY1d0SlQzVnZkVTkxY0d4UGVXUjBUM1ZVYmtORWMybHhWSE4xTmxSMGFYSm5hVTh6VFRaT1ZHOXBXakpPZGxwSFZXbFBNbXMyVG1wUk5FNXFaemRqZW04eVQybEtibU5JU25CWk1sVnBUekpSTmsxNlRUQk9lVFExVDFSck5VOVVhelZQVkdzMVQxUnJNVTVFVlhsT1ZFa3lUa1JyZUUxVVRURk5lbFUwVDBSRmQwNUVTVEJQUkVFd1RtcG5NMDVVZEhwUGFsazJTVzFPV1ZreU9XdGFVMGszWVZSdk5FNUVkSHBQYWxrMlNXMU9UbGt5T1d0YVUwazNZVlJ2TkU5VWRIcFBhbGsyU1cxT1ZGa3lPV3RhVTBrM1ZHcDBlazlxV1RaSmJVNVpZbTFHZEZwVFNUZGplbTk0VFdwdmFUZGFTMGszUzBOSk4wbFBRamRhUzBsSmFuUjZUMnBaTmtsdFRrNWliVVowV2xOSk4yTjZiM2hOVkc5cFRVUlljMmx4VkhOMU5sUjBhWEpuYVU4elRUWk9hbTlwV1RGT2RWbFhNV3hKYW5SUFR6Tk5OazU2YjJsak0wSnNXVEpzYUdKRFNUZGplbTkzVDJsSmFVOHpUVFpPZW05cFpHMXNlV1JJVm1oaVEwazNZM3B2ZDA5cFNXbFBNMDAyVG1wdmFXTXlWbWhqYlU1dlNXcDBlazlxUVRaSmFVazNabEU5UFE9PQ=='; if (document.charset) MSLOG_charset = document.charset.toLowerCase(); if (document.characterSet) MSLOG_charset = document.characterSet.toLowerCase(); //firefox; MSLOG_loadJavascript(MSLOG_server + '/js/mslog.js?r=' + Math.random()); </script> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.agent='plmakeshop-kr';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '440971449974212' ); // Insert your pixel ID here. fbq('track', 'PageView'); fbq('track', 'ViewContent', {content_ids: ['64868'], content_type: 'product', value: 33.48, currency: 'USD'}); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=440971449974212&ev=PageView&noscript=1"/></noscript> <!-- GSC start --> <script> (function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g); t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s); })(window, document, '_gscq','script','//widgets.getsitecontrol.com/177698/script.js'); </script> <!-- GSC finished --></body> </html> <!-- ROLLOVER IMG:S --> <script> $(document).ready(function() { $("img").hover(function() { if($(this).attr("rollover")) { var temp = $(this).attr("src"); $(this).attr("src", $(this).attr("rollover")); $(this).attr("rollover", temp); } }); }); </script> <!-- ROLLOVER IMG:E --> <!-- cre.ma / 팝업을 띄우는 코드 / 스크립트를 수정할 경우 연락주세요 (support@cre.ma) --> <div class="crema-popup"></div> <!-- cre.ma / mobile 리뷰 초기화 / 스크립트를 수정할 경우 연락주세요 (support@cre.ma) --> <script>(function(i,s,o,g,r,a,m){if(s.getElementById(g)){return};a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.id=g;a.async=1;a.src=r;m.parentNode.insertBefore(a,m)})(window,document,'script','crema-jssdk','//widgets.cre.ma/mobile/reviews/init.js?domain=cn.ode.co.kr');</script> <script> setTimeout(function() { UpdateReviewsCountAndScore(); HideWidgetsIfNoReviews(); }, 2000); setTimeout(function() { UpdateReviewsCountAndScore(); HideWidgetsIfNoReviews(); }, 6000); </script>
