개발자의 끄적끄적

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

개발/javascript & jquery

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

효벨 2021. 1. 24. 02:00
728x90
반응형

[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 를 체크하면 변화된 인덱스를

 

확인할 수 있습니다!

 

참고들 하세요!

 

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript/jquery] datatable.js 소개 및 사용법  (0) 2021.01.28
[javascript/jquery] css display 여부로 show/hide 하는 방법  (0) 2021.01.26
[javascript/jquery] 자바스크립트 document.querySelector 사용법  (0) 2021.01.20
[javscript/jquery] 자바스크립트 sheet.js 로 엑셀 읽기 예제  (0) 2021.01.02
[javascript/jquery] [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL> 해결 방법  (0) 2020.12.29
'개발/javascript & jquery' Related Articles more
Comments