$(document).ready(function(){ $('#mainVisual .main_txt').delay(300).animate({"opacity":"1"},1200); }); var mainSwiper = new Swiper(".main_slide", { loop: true, effect:'fade', speed:800, spaceBetween : 0, navigation: false, slideActiveClass: 'on', pagination: { el: '#mainVisual .pager', bulletActiveClass: 'on', clickable: true }, autoplay: { delay: 3200, disableOnInteraction: false, }, }); mainSwiper.on('slideChange', function () { var slideNum = this.activeIndex; var currentSlide = $('.main_slide').find('.swiper-slide').eq(slideNum); var currentVideo = currentSlide.find('video'); if(currentVideo.length > 0){ $('.main_slide').find('video').trigger("pause"); currentVideo.get(0).currentTime = 0; currentVideo.get(0).play(); } }); var swiper = new Swiper(".room_slider", { loop: true, effect:'fade', speed:800, spaceBetween : 20, slideActiveClass: 'on', pagination: { el: '#roomList .pager', bulletActiveClass: 'on', clickable: true }, navigation: { nextEl: '#roomList .next', prevEl: '#roomList .prev', }, autoplay: { delay: 2500, disableOnInteraction: false, }, }); var swiper = new Swiper(".atc03_slide", { loop: true, grabCursor: true, speed:600, slidesPerView: 'auto', slideActiveClass: 'on', spaceBetween: 60, navigation: { nextEl: '#inc03 .next', }, autoplay: { delay: 3000, disableOnInteraction:false, }, breakpoints: { 486: { slidesPerView: 1, spaceBetween: 60, }, 768: { slidesPerView: 2, }, 1200: { slidesPerView: 2, }, 1400: { slidesPerView: 3, spaceBetween: 150, }, }, });