$(document).ready(function(){ /*slick 공통*/ $('.pause').click(function() { $(this).siblings("div").slick('slickPause'); $(this).siblings("ul").slick('slickPause'); $(this).hide(); $(this).siblings(".play").show(); }); $('.play').click(function() { $(this).siblings("div").slick('slickPlay'); $(this).siblings("ul").slick('slickPlay'); $(this).hide(); $(this).siblings('.pause').show(); }); /*메뉴롤링*/ $('.gall_mbgtxt').slick({ slidesToShow:4, arrows:true, autoplay: true, autoplaySpeed:2000, responsive: [ { breakpoint:1379, settings: { slidesToShow:3 } }, { breakpoint: 1024, settings: { slidesToShow:2 } }, { breakpoint: 481, settings: { slidesToShow:1 } } ] }); /* 메뉴 롤링 */ /* $('.gall_menu').slick({ //rows:2, //slidesPerRow:2, slidesToShow:4, arrows:true, autoplay: true, autoplaySpeed:2000, responsive: [ { breakpoint:1379, settings: { slidesToShow:3 } }, { breakpoint: 1024, settings: { slidesToShow:2 } }, { breakpoint: 481, settings: { slidesToShow:1 } } ] }); */ /* 매출 롤링 */ $('.gall_store').slick({ slidesToShow:5, arrows:true, autoplay: true, autoplaySpeed:2000, responsive: [ { breakpoint: 1400, settings: { slidesToShow:4 } }, { breakpoint: 1024, settings: { slidesToShow:3 } }, { breakpoint: 767, settings: { slidesToShow:2 } }, { breakpoint:450, settings: { slidesToShow:1 } } ] }); /* 매장 롤링 */ $('.gall_review').slick({ centerMode: true, autoplay: true, autoplaySpeed:2000, centerPadding: '5.3%', slidesToShow:5, responsive: [ { breakpoint:1279, settings: { slidesToShow:3 } }, { breakpoint: 767, settings: { centerPadding: '20%', slidesToShow: 1 } } ] }); value(); }); $(function(){ custom_cursor(); $("body").addClass("on"); $(".mainslide").addClass("on"); $(document).ready(function(){ if($("body").addClass("on")){ } }); var mainSlide = new Swiper('.mainslide', { effect: "fade", autoplay: true, speed: 1000, autoplay: {delay:3000}, allowTouchMove:false, simulateTouch:false, grabCursor: false, touchStartPreventDefault:false, pagination: { el: '.main_pagination', clickable: true, }, navigation: { nextEl: '.main_next', prevEl: '.main_prev', }, }); var productSlide = new Swiper('.product_slide', { effect: "slide", speed: 800, autoplay: {delay:3000}, parallax: true, allowTouchMove:false, simulateTouch:false, grabCursor: false, touchStartPreventDefault:false, navigation: { nextEl: '.product_next', prevEl: '.product_prev', }, loop:true, }); var productText = new Swiper('.product_text', { effect: "fade", speed: 900, autoplay: {delay:3000}, allowTouchMove:false, simulateTouch:false, grabCursor: false, touchStartPreventDefault:false, navigation: { nextEl: '.product_next', prevEl: '.product_prev', }, loop:true, }); var gallerySlide = new Swiper('.gallery_slide', { slidesPerView: 'auto', //effect: "fade", autoplay: true, speed: 1000, pagination: { el: '.gallery_pagination', type: 'progressbar', }, }); }); function custom_cursor(){ var $cursor = null; var $inner = null; var $circle = null; var $txt = null; if( $('html').hasClass('mobile') || $('html').hasClass('ie10') ) { return; } $('body').mousemove(function(e) { TweenMax.to($('#custom_cursor, #custom_cursor_text'), 1.3, { x: e.clientX, y: e.clientY, ease: Power3.easeOut }); }); // global cursor $(document).on({ mouseenter: function(){ $cursor = $('#custom_cursor, #custom_cursor_text'); $inner = $cursor.find('.custom_cursor_inner'); $circle = $cursor.find('.custom_hover_circle'); $txt = $cursor.find('.custom_hover_text'); var $this = $(this); var words = ( $this.data('hover') != undefined ) ? $this.data('hover') : ''; if( $this.hasClass('drag') ){ $cursor.addClass('drag'); } if( $this.hasClass('custom_simple_cursor') ){ words = ''; var size = ( $this.data('size') != undefined ) ? $this.data('size') : '48'; TweenMax.to($inner, .1, {width: size,height: size,ease: Power0.easeNone}); } $txt.find('> span').text( words ); TweenMax.killTweensOf($circle, $txt); TweenMax.to($circle, .3, {width: '100%',height: '100%',autoAlpha: 1,ease: Power0.easeNone}); TweenMax.to($txt, .3, {width: '100%',height: '100%',autoAlpha: 1,ease: Power0.easeNone}); }, mouseleave: function(){ $cursor = $('#custom_cursor, #custom_cursor_text'); $inner = $cursor.find('.custom_cursor_inner'); $circle = $cursor.find('.custom_hover_circle'); $txt = $cursor.find('.custom_hover_text'); var $this = $(this); if( $this.hasClass('drag') ){ $cursor.removeClass('drag'); } if( $this.hasClass('custom_simple_cursor') ){ TweenMax.to($inner, .2, {width: '100%',height: '100%',ease: Power0.easeNone}); } TweenMax.killTweensOf($circle, $txt); TweenMax.to($circle, .2, {width: '0%',height: '0%',autoAlpha: 0,ease: Power0.easeNone}); TweenMax.to($txt, .2, {width: '0%',height: '0%',autoAlpha: 0,ease: Power0.easeNone}); } }, '.custom_hover'); } // -------------------------------------------------------value 효과 function value(){ $(".value_section .con_box li").on("mouseenter", function(){ $(".value_section .con_box li").removeClass('active'); $(this).addClass('active'); }); $(".value_section .con_box li").each(function(index, item){ var bg_num = index + 1; $(item).on("mouseenter", function(){ $(".value_img .bg_box").removeClass("active"); $(".value_img .bg_box_0" + bg_num).addClass("active"); $(".value_section .tab_box .tabMenu li").removeClass("active"); $(".value_section .tab_box .tabMenu .tab_menu_0" + bg_num).addClass("active"); }); }); $(".value_section .tab_box .tabMenu li").click(function(){ var activeTab = $(this).attr("data-tabNumb"); $(".value_section .tab_box .tabMenu li").removeClass("active"); $(this).addClass("active"); $(".value_section .con_box li").removeClass("active"); $("#"+activeTab).addClass("active"); $(".value_img .bg_box").removeClass("active"); $("#"+activeTab+"_bg").addClass("active"); }); }