swiper 여러개 중복으로 쓰는 방법

swiper를 한개씩 한개씩 쓰다가 하나로 합칠려고 했다. 그런데 잘 안 되었다.

흠.. 어떻게 해야하지..

css, js를 다 다운받아서 새로 만들어야 하나.. 막상 시도해봤는데 그래도 잘 안되었다.

그러다가.. 구글링도 해보다가 드디어 알게 되었다.

swiper-bundle.css, swiper-bundle.js 등을 분석해보다가 js 에서 swiper.params 가 있는것을 보았다.

흠.. 그렇지.. 나뿐만 아니라 다른사람들도 여러개 쓰고 싶을텐데.. 화면 1개에 슬라이딩 swiper가 1개가 아니라 여러개 있을 수도 있자나..

이거 만든사람이 바보도 아니고 쉽게 만들어 놓았으리라 생각했다.

그래서 swiper.params 가 있는것을 보았고 왠지 파라미터 넘어온것 가지고 쓸려는 느낌을 받았다.

그래서 결론은..

<div class="swiper aa">
</div>

<div class="swiper bb">
</div>

js 에서
const swiper=new Swiper('.aa', {

const swiper=new Swiper('.bb', {

이렇게 하면 여러개를 동시에 쓸 수 있다.

https://swiperjs.com

Swiper - The Most Modern Mobile Touch Slider