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

자동 슬라이드요~ 채택완료

홀로그램웹 1년 전 조회 1,113

이걸 자동으로 슬라이드 되게 할려면 어떻게 해야 하나요??

 

</p>

<p>     lectureSwiper[q]= new Swiper(".lec_list_swiper"+q, {

            slidesPerView: "auto",

            // loop:true,

            observer: true,

            observeParents: true,

            noSwipe:true,

            noSwipingClass:'no_swiping',

            pagination: {

              el: $(this).find(".swiper-pagination"),

              type: "progressbar",

            },

            navigation: {

              nextEl: $(this).find(".swiper-button-next"),

              prevEl: $(this).find(".swiper-button-prev"),

            },

          });

        });

      }</p>

<p>

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

답변 1개

채택된 답변
+20 포인트
1년 전

안녕하세요 

아래의 내용을 참고해 보세요.

 

lectureSwiper[q] = new Swiper(".lec_list_swiper" + q, {
    slidesPerView: "auto",
    // loop:true,
    observer: true,
    observeParents: true,
    noSwipe: true,
    noSwipingClass: 'no_swiping',
    pagination: {
        el: $(this).find(".swiper-pagination"),
        type: "progressbar",
    },
    navigation: {
        nextEl: $(this).find(".swiper-button-next"),
        prevEl: $(this).find(".swiper-button-prev"),
    },
    autoplay: { // 자동 슬라이드 옵션 추가
        delay: 3000, // 슬라이드 전환 시간 (밀리초 단위)
        disableOnInteraction: false, // 사용자가 슬라이드와 상호작용해도 자동 슬라이드 계속 유지
    },
});

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

답변에 대한 댓글 1개

홀로그램웹
1년 전
개발자 없는 이 열악한 환경에 한 줄기 같은 빛이시여..
존경합니다..

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

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

로그인