swiper 슬라이드가 두칸씩 넘어가는데, 해결방안이 필요합니다..

Question

안녕하세요!

개발자 분들의 도움이 절실한 프론트 초보입니다..!

swiper를 사용해서 슬라이드를 만들어보고있는데,

loop : true 속성을 사용하면 첫 슬라이드 바로 앞에 복제된 슬라이드가 나타나더라구요.

슬라이드를 움직이기 전에는 앞에 복제된 슬라이드가 노출이 안되었으면 좋겠어서 슬라이드를 움직이기 시작했을 때, loop가 되도록 스크립트를 추가했는데요.

슬라이드를 드래그 할때는 문제가없는데,

버튼을 클릭해서 넘어갈때, 슬라이드를 한칸씩 건너뛰더라구요.

1 -> 2 -> 3 -> 4 -> 5 이렇게 안넘어가고

1 -> 3 -> 5 이렇게 넘어갑니다ㅠㅠ..

이후에 loop로 진입하면 1 -> 2 -> 3 -> 4

이렇게 순차적으로 넘어가는데 어떤 부분이 문제일까요..?ㅠㅠ..

이틀동안 잡고있는데 해결방법을 모르겠습니다..!

하단에는 제가 작업하고 있는 html, css 코드입니다..!

html


    
        
            Slide 1
            Slide 2
            Slide 3
            Slide 4
            Slide 5
            Slide 6
            Slide 7
            Slide 8
            Slide 9

css

doooss · Accepted Answer

간단히 봤을때 추측으로는 .swiper-button-next 에 대한 이벤트를 추가로 만드셔서 그런것 같습니다.
swiper.slideNext(); / swiper.slidePrev(); 를 직접 하지마세요.

swiper 슬라이드가 두칸씩 넘어가는데, 해결방안이 필요합니다..

1개의 답변

Q&A 목록