이전 목록 다음
채택완료

swiper 슬라이드 관련 질문드립니다.

승승승이
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 2,446

2948936502_1670392865.9445.jpg

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

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

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

 

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,

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

 

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

스와이프 swiper 탭 tab autoplay
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
스스팸마요
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전

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

 

여기 보세요

 

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

disableOnInteraction: false },

답변에 대한 댓글 1개

승승이
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전
autoplay: { delay:4000,
disableOnInteraction: false },

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

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

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