아래와 같이 사용할 때는 2개 이상은 사용할 수 없습니다.

var swiper = new Swiper(".mySwiper", {
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});

2개를 사용하시려면

API를 사용하시는 것이 좋겠습니다.

위에서 변수 swiper 내에 인스턴스를 생성해둔 상태에서는

아래의 코드와 같이 함수로 슬라이드를 동작시킬 수 있습니다.

swiper.slideNext(); // 앞으로 이동
swiper.slidePrev(); // 뒤로 이동

특정 버튼의 클릭 이벤트에 입력한다면

버튼의 개수와 관계 없이 동작을 설정하실 수 있습니다.

고맙습니다.