답변 2개
swiper의 on event에 함수등록.
함수내용 ->
슬라이드 길이 (swiper.slide.length)
활성화 슬라이드 넘버 (swiper.activeIndex)
슬라이드 길이와 활성화 슬라이드 넘버+1 이 같으면 마지막 슬라이드임.
Copy
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide Last</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<script>
var swiper = new Swiper(".mySwiper", {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false
},
on: {
slideChangeTransitionEnd() {
var isLastSlide = swiper.slides.length === (swiper.activeIndex + 1 ); // 마지막 슬라이드인지 체크
if(isLastSlide){ // 마지막 슬라이드면
console.log("is Last Slide.");
// html 추가하는 코드 작성
}
}
},
});
</script>답변을 작성하려면 로그인이 필요합니다.