/* slick slider */ $(document).on('ready', function() { $(".visual-slider").slick({ autoplay:true, speed:2000, autoplaySpeed:2000, slidesToShow: 1, infinite: true, fade:true, arrows:false }); }); /* slick slider end */ /* 메인슬라이드(스와이프) script */ var $swiperSelector = $('.swiper-container'); $swiperSelector.each(function(index) { var $this = $(this); $this.addClass('swiper-slider-' + index); var dragSize = $this.data('drag-size') ? $this.data('drag-size') : 200; var freeMode = $this.data('free-mode') ? $this.data('free-mode') : false; var loop = $this.data('loop') ? $this.data('loop') : false; var slidesDesktop = $this.data('slides-desktop') ? $this.data('slides-desktop') : 1; var slidesTablet = $this.data('slides-tablet') ? $this.data('slides-tablet') : 1; var slidesMobile = $this.data('slides-mobile') ? $this.data('slides-mobile') : 1; var spaceBetween = $this.data('space-between') ? $this.data('space-between'): 0; var swiper = new Swiper('.swiper-slider-' + index, { direction: 'horizontal', loop: loop, autoplay:true, speed:2000, freeMode: freeMode, spaceBetween: spaceBetween, breakpoints: { 1920: { slidesPerView: slidesDesktop }, 992: { slidesPerView: slidesTablet }, 320: { slidesPerView: slidesMobile } }, scrollbar: { el: '.swiper-scrollbar', draggable: true, dragSize: dragSize } }); }); var swiper = new Swiper(".joy .slide", { slidesPerView: 'auto', centeredSlides: false, grabCursor: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, breakpoints: { 560: { spaceBetween: 50 }, 0: { spaceBetween: 25 } }, }); var swiper = new Swiper(".event .slide", { centeredSlides: true, speed:2000, watchOverflow : true, loop:true, loopedSlides:1, grabCursor: true, pagination: { el: '.swiper-event-pagination', clickable: true, }, navigation: { nextEl: '.swiper-event-button-next', prevEl: '.swiper-event-button-prev' }, breakpoints: { 1400:{ spaceBetween: 200, slidesPerView: 2 }, 1024:{ spaceBetween: 150, slidesPerView: 2 }, 320: { spaceBetween: 0, slidesPerView: 1 } } }); /* 메인슬라이드(스와이프) end */ $(document).on("click", ".swiper-slide.swiper-slide-active", function(){ let _data = $(this).data(); // console.log($(this).data()) if(_data != '#') { location.href = _data.link; } })