[Swiper] 페이지(swiper-pagination-bullet) 표시 - 기본, 숫자, 스타일 응용
Date.
github :
codepen : https://codepen.io/ksoyy/pen/poLELqG
swiper 페이지 표시 관련글 입니다
기본형
모든 pager 버튼 클래스 : swiper-pagination-bullet
활성화 버튼 클래스 : swiper-pagination-bullet-active
숫자형
활성화 페이지 번호 클래스 : swiper-pagination-current
전체 페이지 번호 클래스 : swiper-pagination-total
위에 적힌 클래스 명으로 스타일 조절 가능합니다.
마지막 슬라이드처럼 가상선택자, 혹은 다른 태그를 이용해 번호 사이 단순 디자인적인 표시 혹은 슬라이즈 재생 시간과 같은 스타일도 가능합니다.
DEMO
See the Pen Untitled by kim so yeon (@ksoyy) on CodePen.
