Swiper 페이징은 다음 코드로 추가할 수 있지만 오직 하나의 타입 밖에 사용할 수 없다. const swiper = new Swiper('.swiper', { pagination: { el: '.swiper-pagination', type: 'bullets', }, 하지만 웹사이트를 만들다보면 Swiper 2개를 동시에 사용해야하는 상황이 발생할 수 있다. 원리는 간단하다. Swiper가 총 2개 필요한데 하나는 메인이 되는 Swiper로, 슬라이드와 페이징 하나(위 예제에서는 Fraction 혹은 Progressbar)를 실행하고 나머지 하나는 다른 페이징 형태 하나를 실행한다. 그리고 controller로 메인 Swiper가 서브 Swiper를 제어하도록 한다. var mainSwiper = ne..
pagination 2개 사용하기
Swiper 페이징은 다음 코드로 추가할 수 있지만 오직 하나의 타입 밖에 사용할 수 없다. const swiper = new Swiper('.swiper', { pagination: { el: '.swiper-pagination', type: 'bullets', }, 하지만 웹사이트를 만들다보면 Swiper 2개를 동시에 사용해야하는 상황이 발생할 수 있다. 원리는 간단하다. Swiper가 총 2개 필요한데 하나는 메인이 되는 Swiper로, 슬라이드와 페이징 하나(위 예제에서는 Fraction 혹은 Progressbar)를 실행하고 나머지 하나는 다른 페이징 형태 하나를 실행한다. 그리고 controller로 메인 Swiper가 서브 Swiper를 제어하도록 한다. var mainSwiper = ne..
2023.02.18