테스트 사이트 - 개발 중인 베타 버전입니다

swiper 슬라이드 관련 질문드립니다. 채택완료

승승이 2년 전 조회 1,967

위와 비슷하게 탭과 함께 스와이프 슬라이드를 사용중입니다.

각 탭마다 슬라이드가 있습니다.

오토로 슬라이드 되게 했는데, 탭을 누르면 오토슬라이드가 멈춥니다.

 

var swiper = new Swiper('.slide01', {
        slidesPerView: 2,
        speed: 3000,
        spaceBetween: 10,
        loop:true,
        observer: true,
        observeParents: true,
        autoplay: {
            delay: 0,
            disableOnInteraction: false,
        },
});

 

위와 같이

observer: true,
observeParents: true,

를 넣어도 안되네요. 위 파라미터는 오토슬라이드 문제 해결과는 상관이 없어 보입니다.

 

여러개 탭에 스와이프 사용시, 탭이동을 해도 오토슬라이드 기능이 잘 먹히게 작업은 어려울까요.. 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

https://jintrue.tistory.com/entry/plugin-Swiperjs-pagination-%ED%81%B4%EB%A6%AD-%EC%8B%9C-%EC%9E%90%EB%8F%99-%EB%A9%88%EC%B6%A4-%ED%95%B4%EC%A0%9C

 

여기 보세요

 

</p>

<p>autoplay: { delay:4000, // 하나의 슬라이드에서 다음 슬라이드 또는 이전 슬라이드 이동 시 소요 시간</p>

<p>disableOnInteraction: false },</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

승승이
2년 전
autoplay: { delay:4000,
disableOnInteraction: false },

이게 해결 방안 이라는 건가요?
이건 위에 있는데요..ㅠ;

방법이 없어 보이네요.. 답변 감사 합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인