2017-09-21 32 views
2

I 모달 윈도우의 스 와이퍼 슬라이더.모달 윈도우의 스 와이퍼

var swiper = new Swiper('.swiper', { 
      loop: true, 
      autoplay: 3000, 
      speed: 1500, 
      prevButton: '.prev', 
      nextButton: '.next', 
      observer: true, 
      observeParents: true, 
      slidesPerView: 3, 
      spaceBetween: 30, 
      breakpoints: { 
       640: { 
        slidesPerView: 1, 
        spaceBetween: 30, 
       } 
      } 
     }); 

관련 HTML : 내 디스플레이가 equaly 576px보다 작은 경우

<a data-toggle="modal" data-target="#certificates__modal"> 
    <div class="blue-button"> 
     <span class="text"> 
      modal 
     </span> 
    </div> 
</a> 

<section id="certificates__modal" class="certificates__modal modal fade"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="container"> 
       <div class="certificates__swiper swiper-container"> 
        <div class="swiper-wrapper"> 
         <div class="swiper-slide"> 
          <div class="background-image" style="background: url('img/certificates/01.jpg') 50% no-repeat;"></div> 
         </div> 
         <div class="swiper-slide"> 
          <div class="background-image" style="background: url('img/certificates/02.jpg') 50% no-repeat;"></div> 
         </div> 
         <div class="swiper-slide"> 
          <div class="background-image" style="background: url('img/certificates/03.jpg') 50% no-repeat;"></div> 
         </div> 
        </div> 
       </div> 
       <div class="prev-slide-button"></div> 
       <div class="next-slide-button"></div> 
      </div> 
     </div> 
    </div> 
</section> 

, 사진을 자동으로 폭 0이 나는 ​​그것과 광기가 있습니다. 나도 몰라,이 문제를 어디에서 발견 할 수 있니? 누군가를 도와주세요. 어쩌면 누군가가 같은 문제를 겪었을 수도 있습니다.

+1

관련 HTML을 게시 할 수 있습니까? –

+0

@DanielD는 관련 HTML을 게시하시기 바랍니다. 볼만한 곳과 링크를 게시하지 마십시오. – pucky124

+1

죄송합니다, 질문을 수정합니다. – guitarhero

답변

2

"컨테이너"블록에 문제가있었습니다. 나도 몰라, 부트 스트랩과 스 와이퍼의 비판적 포인트는 어떨까?하지만 도움이 안된다.