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

모바일 배너 swiper 속도가 조절이 안돼요 ㅠㅠ 채택완료

ksoon 3년 전 조회 2,044

</strong></p>

<p><!--메인이미지-->

<div class="main_bn_box swiper-container">

    <ul class="main_bn_ul swiper-wrapper">

        <li class="swiper-slide">

            <div class="bn_img"><a href="#none">

                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner1.png" alt="메인베너" />

            </div>

        </li>

        <li class="swiper-slide">

            <div class="bn_img"><a href="#none">

                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner2.png" alt="메인베너" />

            </div>

        </li>

        <li class="swiper-slide">

            <div class="bn_img"><a href="#none">

                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner3.png" alt="메인베너" />

            </div>

        </li>

    </ul>  

    <!-- Add Pagination -->

    <div class="swiper-pagination"></div>

</div></p>

<p><script>

var swiper = new Swiper('.swiper-container', {

    spaceBetween: 10, //위 slidesPerview 여백

    pagination: '.swiper-pagination',

    paginationClickable: true,

    loop : true,// 슬라이드 반복 여부

    autoplay: {

        delay: 2500,

        disableOnInteraction: false,

    },

    });

</script>

<!--} 메인배너 끝--></p>

<p><strong>

 

delay를 변경해도 계속 빠르게 전환되는데 왜그런 걸까요?ㅠㅠ

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

답변 3개

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

쓰시는건 3.1인데 최근은 8버전까지 나온거 같네요. 사용 방식이 다를수 있으니 예전 버전 사용 방법도 동일한지 찾아보셔야 할거 같습니다.

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

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

한페이지에 다수의 슬라이더가 있다면 이전 변수가 반영되는지 채크해보세요.

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

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

세크티
3년 전

스와이퍼 슬라이드 코드가 저부분 하나인가요? 스와이퍼 객체 생성에 셀렉터를 기본인 .swiper-container를 쓰셨는데요. 혹시나 다른 슬라이드가 있으면 저부분이 중복되서 다른슬라이드의 속도가 적용되고 있을수 있습니다. 

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

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

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

로그인