swiper 슬라이더 질문입니다.
본문
swiper 슬라이드에서 마지막 슬라이드일때 html추가를 하고싶은데 어떻게 해야하나요?
답변 1
<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){ // 마지막 슬라이드면
// html 추가하는 코드 작성
}
}
},
});
</script>
답변을 작성하시기 전에 로그인 해주세요.