swiper 슬라이더 질문입니다.

swiper 슬라이더 질문입니다.

QA

swiper 슬라이더 질문입니다.

답변 1

본문

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>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 93
© SIRSOFT
현재 페이지 제일 처음으로