// new Swiper(선택자, 옵션)
new Swiper('.notice-line .swiper-container', {
direction: 'vertical',
autoplay: true,
loop: true,
});
new Swiper('.promotion .swiper-container', {
// direction: 'horizontal', --> default 값이다.
slidesPerView: 3, // 한번에 보여줄 슬라이드 개수
spaceBetween: 10, // 슬라이드 사이 여백
centeredSlides: true, // 1번 슬라이드가 가운데 보이기
loop: true,
autoplay: {
delay: 5000,
},
pagination: {
el: '.promotion .swiper-pagination',
clickable: true,
},
navigation: {
prevEl: '.promotion .swiper-prev',
nextEl: '.promotion .swiper-next',
},
});
const promotionEl = document.querySelector('.promotion');
const promotionToggleBtn = document.querySelector('.toggle-promotion');
let isHidePromotion = false;
promotionToggleBtn.addEventListener('click', function () {
isHidePromotion = !isHidePromotion;
if (isHidePromotion) {
//숨김 처리
promotionEl.classList.add('hide');
} else {
promotionEl.classList.remove('hide');
}
});