개발자의 끄적끄적

[javascript/jquery] swiper.js 현재 슬라이드 인덱스 확인하기 swiper.js 를 사용할때 슬라이드가 넘어간 이벤트를 체크하거나 슬라이드의 인덱스를 확인하고자 하는 경우가 있습니다! 그럴때 사용하는 방법입니다. 위 내용 보시면 아시겠지만, swiper.on('transitionEnd') 를 사용해서 swiper.realIndex 를 체크하면 변화된 인덱스를 확인할 수 있습니다! 참고들 하세요!

[javascript/jquery] swiper js 자동재생 delay 옵션 예제 swiper.js 를 이용할때 자동 재생 딜레이를 주는 옵션 예제 입니다. var Swiper = new Swiper('.swiper-container', { autoplay: { delay: 2000, }, }); 위 내용중 delay :2000 이라고 되어있는 부분은 딜레이를 2초간 준다는 의미입니다. 1000 -> 1초라고 보시면 됩니다. 참고하세요!

[javascript & jquery] swipre.js 반복 option 개발을 하던중 swiper.js 를 많이 사용하실껍니다! 그중 당연히 마지막슬라이드에 가서 다음을 누르면 처음 슬라이드로 가고 싶은데 기본적으로는 안되죠! 당연히 옵션에 아래 값을 추가해야 동작합니다. loop:true 이렇게 하면 마지막 슬라이드에서 처음슬라이드로 이동은 하지만 화면상으로는 다음슬라이드가 없는거 처럼 보이다가 누르면 막상 첫슬라이드로 이동합니다. 즉, 부자연스럽죠! 이때 추가하는 옵션! loopAdditionalSlides: 1 위 옵션을 추가하면 슬라이드가 끊기지않고 뒤에도 계속 있는거처럼 자연스럽게 반복됩니다! 참고하세요!!