swiper 예제 - 페이징 커스텀

swiper의 default 페이징(pagination)은 파란색 점 모양이다.

이것은 swiper에서 지원하는 페이징 타입 중 bullet의 기본 형태이다.

하지만 css로 이 bullet을 꾸미거나 renderBullet 매개변수로 색다르게 커스텀 할 수 있다.

 

 

1. 기본 페이징

See the Pen swiper 기본 by lpla (@lpla) on CodePen.

 

 

2. 페이징 css 커스텀

See the Pen swiper 페이징 커스텀 by lpla (@lpla) on CodePen.

 

 

3. renderBullet

See the Pen swiper 페이징 renderBullet by lpla (@lpla) on CodePen.