개발자의 끄적끄적

[javascript & jquery] swiper.js 반복 option 본문

개발/javascript & jquery

[javascript & jquery] swiper.js 반복 option

효벨 2019. 11. 15. 03:00
728x90
반응형

[javascript & jquery] swipre.js 반복 option

 

개발을 하던중

 

swiper.js 를 많이 사용하실껍니다!

 

그중 당연히 마지막슬라이드에 가서 다음을 누르면 처음 슬라이드로 가고 싶은데

 

기본적으로는 안되죠!

 

당연히 옵션에 아래 값을 추가해야 동작합니다.

 

loop:true

이렇게 하면 마지막 슬라이드에서

 

처음슬라이드로 이동은 하지만 화면상으로는 다음슬라이드가 없는거 처럼 보이다가

 

누르면 막상 첫슬라이드로 이동합니다.

 

즉, 부자연스럽죠!

 

이때 추가하는 옵션!

 

loopAdditionalSlides: 1

위 옵션을 추가하면 슬라이드가 끊기지않고 뒤에도 계속 있는거처럼

 

자연스럽게 반복됩니다!

 

참고하세요!!

반응형
Comments