swiper 슬라이더 질문입니다.

swiper 슬라이더 질문입니다.

QA

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>
답변을 작성하시기 전에 로그인 해주세요.
전체 93
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT