테스트 사이트 - 개발 중인 베타 버전입니다

swiper 슬라이더 질문입니다. 채택완료

room1 2년 전 조회 2,220

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

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

답변 1개

채택된 답변
+20 포인트

</p>

<p> </p>

<p><div class="swiper mySwiper"></p>

<p>    <div class="swiper-wrapper"></p>

<p>        <div class="swiper-slide">Slide 1</div></p>

<p>        <div class="swiper-slide">Slide 2</div></p>

<p>        <div class="swiper-slide">Slide Last</div></p>

<p>    </div></p>

<p>    <div class="swiper-button-next"></div></p>

<p>    <div class="swiper-button-prev"></div></p>

<p></div></p>

<p><script></p>

<p>    var swiper = new Swiper(".mySwiper", {</p>

<p>        spaceBetween: 30,</p>

<p>        centeredSlides: true,</p>

<p>        autoplay: {</p>

<p>            delay: 2500,</p>

<p>            disableOnInteraction: false</p>

<p>        },</p>

<p>        on: {</p>

<p>            slideChangeTransitionEnd() {</p>

<p>                var isLastSlide = swiper.slides.length === (swiper.activeIndex + 1 ); // 마지막 슬라이드인지 체크</p>

<p>                if(isLastSlide){ // 마지막 슬라이드면</p>

<p>                    // html 추가하는 코드 작성</p>

<p>                }</p>

<p>            }</p>

<p>        },</p>

<p>    });</p>

<p></script></p>

<p>

로그인 후 평가할 수 있습니다

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

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

로그인