[javascript/jquery] swiper.js 현재 슬라이드 인덱스 확인하기

[javascript/jquery] swiper.js 현재 슬라이드 인덱스 확인하기

 

 

 

swiper.js 를 사용할때

 

슬라이드가 넘어간 이벤트를 체크하거나

 

슬라이드의 인덱스를 확인하고자 하는 경우가 있습니다!

 

그럴때 사용하는 방법입니다.

 

<script>
var swiper = new Swiper('.swiper-container', {
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
});
swiper.on('transitionEnd', function() {
	console.log('now index :::', swiper.realIndex);
});
</script>

 

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

 

swiper.on('transitionEnd') 를

 

사용해서 swiper.realIndex 를 체크하면 변화된 인덱스를

 

확인할 수 있습니다!

 

참고들 하세요!