이전 목록 다음
채택완료

swiper 슬라이더 질문입니다.

rroom1
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전 2,440

swiper 슬라이드에서 마지막 슬라이드일때 html추가를 하고싶은데 어떻게 해야하나요?

swiper
|

답변 1개

채택된 답변
+20 포인트
조조나단입니다
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전

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){ // 마지막 슬라이드면

                    // html 추가하는 코드 작성

                }

            }

        },

    });

</script>

답변을 작성하려면 로그인이 필요합니다.