Lpla 개발 블로그

JavaScript/실전

[JavaScript] Swiper 페이징(pagination) 2개 사용하기

1. 들어가며 오늘 동료 직원이 하나의 Swiper에 2개의 페이징을 사용할 수 있는지 질문했다. 구현하고자 하는 결과물은 아래와 같았다. 2. 페이징(Pagination)? Page + (i)tion API에 따라서 페이징(Paging) 혹은 페이지네이션(Pagination) 이라고 칭하는 이것은 요소의 개수를 나타내주는 UI를 말한다. (파기, 파지, 패지네이션이 아니다) 가장 흔한 페이징은 게시판의 하단에 있는 숫자들이다. 각설하고 Swiper의 페이징은 총 네 가지가 있다. bullets fraction progressbar custom 그리고 페이징에 포함되지 않지만 거의 같은 기능으로 Scrollbar가 있다. Scrollbar Swiper 페이징은 다음 코드로 추가할 수 있지만 오직 하나의 ..