(function(){
const prevButton = document.querySelector('.slider__prev');
const nextButton = document.querySelector('.slider__next');
const mySwiper = new Swiper('.my-swiper');
prevButton.addEventListener('click',()=>{
mySwiper.slidePrev();
});
nextButton.addEventListener('click',()=>{
mySwiper.slideNext();
});
const buttonIsEdge = ()=>{
if( mySwiper.isBeginning ){
prevButton.classList.add('is-edge');
}else{
prevButton.classList.remove('is-edge');
}
if( mySwiper.isEnd ){
nextButton.classList.add('is-edge');
}else{
nextButton.classList.remove('is-edge');
}
}
buttonIsEdge();
mySwiper.on('slideChange',()=>{
buttonIsEdge();
});
})();
content_copy
コードをクリップボードにコピー