swiper pagination bullet 갯수 줄이는 방법?

swiper pagination bullet 갯수 줄이는 방법?

QA

swiper pagination bullet 갯수 줄이는 방법?

본문

3개 정도만 필요한데 8개 정도가 계속 나와있어요ㅠㅠ

html에는 swiper-slide 3개만 넣어뒀고


<div class="swiper slide2">
 
                        <div class="swiper-wrapper slide2_in">
   
                            <div class="swiper-slide sc_slide"><img src="../images/main/scroll_section_bg.png" alt="">
                            </div>
                            <div class="swiper-slide sc_slide"><img src="../images/main/scroll_section_bg2.png" alt=""></div>
                            <div class="swiper-slide sc_slide"><img src="../images/main/scroll_section_bg.png" alt=""></div>
                        </div>
                       
                        <div class="swiper-pagination sc_page"></div>
                        <div class="scroll-stop"></div>
             
                        <div class="swiper-button-next scroll-next"></div>
                        <div class="swiper-button-prev scroll-prev"></div>

 
                    </div>

 

script에 dynamicMainBullets: 3 을 붙여봐도 그대로입니다....

 

 


<script>
                var swiper2 = new Swiper('.slide2', {
                    loop: 'true',
                    /*autoplay: {
                         delay: 3000,
                         disableOnInteraction: false,
                       },*/
                    pagination: {
                        el: '.swiper-pagination',
                        type: 'bullets',
                        clickable: true,
                        dynamicBullets: false,
                        dynamicMainBullets: 3,
                    },
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                });
 
                $('.start').on('click', function () {
                    swiper2.autoplay.start();
                    return false;
                })
                $('.scroll-stop').on('click', function () {
                    swiper2.autoplay.stop();
                    return false;
                });
            </script>
 

이 질문에 댓글 쓰기 :

답변 1

 dynamicBullets:false 이부분을

dynamicBullets:true 로 해보세용

답변을 작성하시기 전에 로그인 해주세요.
전체 93
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT