$(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_menu').slick({ //rows:2, //slidesPerRow:2, slidesToShow:3, arrows:true, autoplay: true, autoplaySpeed:5000, responsive: [ { breakpoint: 1024, //화면 사이즈 960px settings: { slidesToShow:2 } }, { breakpoint: 481, //화면 사이즈 960px settings: { slidesToShow:1 } } ] }); /* 매장 롤링 */ $('.gall_store').slick({ slidesToShow:4, arrows:true, autoplay: true, autoplaySpeed:5000, responsive: [ { breakpoint: 1024, //화면 사이즈 960px settings: { slidesToShow:3 } }, { breakpoint: 767, //화면 사이즈 960px settings: { slidesToShow:2 } }, { breakpoint:450, //화면 사이즈 960px settings: { slidesToShow:1 } } ] }); /* 매장 롤링 */ $('.gall_review').slick({ centerMode: true, autoplay: true, centerPadding: '100px', slidesToShow:5, responsive: [ { breakpoint:1279, settings: { slidesToShow:3 } }, { breakpoint: 767, settings: { centerPadding: '50px', slidesToShow: 1 } } ] }); value(); }); // -------------------------------------------------------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"); }); }