개발자의 끄적끄적

[javascript/jquery] jquery swiper reach last slide example / jquery swiper 마지막 슬라이드 도달여부 확인하는 방법 본문

개발/javascript & jquery

[javascript/jquery] jquery swiper reach last slide example / jquery swiper 마지막 슬라이드 도달여부 확인하는 방법

효벨 2021. 9. 5. 02:00
728x90
반응형

[javascript/jquery] jquery swiper reach last slide example / jquery swiper 마지막 슬라이드 도달여부 확인하는 방법

 

 

jquery swiper 를 이용해서

 

slide를 구현하다 보면

 

마지막 슬라이드에 도달했는지를

 

확인해야 하는 경우가 있습니다.

 

내용을 다 확인했는지 혹은 다시 처음슬라이드로 돌아갈지 등

 

여러가지 상황을 체크해야하는 경우가 많은데요

 

그럴때는

 

아래 나와있는 내용처럼

 

reachEnd 이벤트를 사용하시면 됩니다.

 

const swiper = new Swiper('.swiper', {
  // ...
});
swiper.on('reachEnd', function () {
  // to do
});

 

위 내용 보시면 아시겠지만,

 

reachEnd 이벤트를 선언하면

 

마지막 슬라이드에 도달했을때 동작하게 됩니다!

 

참고들 하세요!

반응형
Comments