// 메인슬라이드
var swiper = new Swiper('.main-roll', {
autoplay: {
delay: 5500,
disableOnInteraction: false,
},
spaceBetween: 0,
effect: 'slide',
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// BEFORE&AFTER 섹션 탭 기능
$(document).ready(function() {
$("#section1 .tab-list > li").click(function() {
var tab_index = $(this).index();
$("#section1 .tab-list > li").removeClass('active');
$(this).addClass('active');
$("#rollingBox > .rolling-box").removeClass('active');
$("#rollingBox > .rolling-box").eq(tab_index).addClass('active');
});
});
// BEFORE&AFTER 첫번째슬라이드
var swiper = new Swiper('.rolling-box-first', {
/*autoplay: {
delay: 5500,
disableOnInteraction: false,
},*/
spaceBetween: 0,
effect: 'slide',
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// BEFORE&AFTER 두번째슬라이드
var swiper = new Swiper('.rolling-box-second', {
/*autoplay: {
delay: 5500,
disableOnInteraction: false,
},*/
spaceBetween: 0,
effect: 'slide',
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// BEFORE&AFTER 세번째슬라이드
var swiper = new Swiper('.rolling-box-third', {
/*autoplay: {
delay: 5500,
disableOnInteraction: false,
},*/
spaceBetween: 0,
effect: 'slide',
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// BEFORE&AFTER 네번째슬라이드
var swiper = new Swiper('.rolling-box-fourth', {
/*autoplay: {
delay: 5500,
disableOnInteraction: false,
},*/
spaceBetween: 0,
effect: 'slide',
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// 중간 세개배너 슬라이드
var swiper = new Swiper('#grid-rolling', {
/*autoplay: {
delay: 5500,
disableOnInteraction: false,
},*/
slidesPerView: 3,
spaceBetween: 0,
effect: 'slide',
loop: true,
navigation: {
nextEl: '.swiper-button-next-',
prevEl: '.swiper-button-prev-',
},
breakpoints: {
640: {
slidesPerView: 1,
spaceBetween: 0,
},
768: {
slidesPerView: 2,
spaceBetween: 0,
},
1024: {
slidesPerView: 3,
spaceBetween: 0,
},
}
});