2016-07-10 3 views
1

나는 Owl Carousel jquery 플러그인을 사용하고 있습니다. autoplay을 사용하고 싶습니다. 그러나 그것은 작동하지 않습니다올빼미 회전 목마를 자동 재생으로 설정하는 방법

<script src="{{base_url()}}assests/new/js/owl-carousel.js"></script> 
    <script src="{{base_url()}}assests/new/js/owl.autoplay.js"></script> 

     $(document).ready(function(){ 
      var owl = $('.owl-carousel'); 
      owl.owlCarousel({ 
       items:1, 
       loop:true, 
       autoplay:true, 
       autoplayTimeout:1000, 
       autoplayHoverPause:true 
      }); 
     }); 

내 슬라이더 :

    <div class="owl-carousel owl-slider m20" id="owl-carousel-slider" data-inner-pagination="true" data-white-pagination="true" data-nav="false" data-autoPlay="true"> 




         <div> 
          <div onclick="goToProduct('home-kitchen');" class="bg-holder cursor-pointer"> 
           <img src="{{base_url().'assests/new/img/sliders/home-kitchen.jpg'}}" /> 
           <div class="bg-mask display-none"></div> 
           <div class="bg-front vert-center text-white text-center"> 
            <h2 class="text-uc"></h2> 
            <p class="text-bigger"></p> 
            <p class="text-hero"></p> 
           </div> 
          </div> 
         </div> 

         <div> 
          <div onclick="goToProduct('digital-accessories');" class="bg-holder"> 
           <img src="{{base_url().'assests/new/img/sliders/digital-accessories.jpg'}}" /> 
           <div class="bg-mask display-none"></div> 
           <div class="bg-front vert-center text-white text-center"> 
            <h2 class="text-uc"></h2> 
            <p class="text-bigger"></p> 
            <p class="text-hero"></p> 
           </div> 
          </div> 
         </div> 


        </div> 

내 웹 사이트 : 당신이 자동 재생을 사용하려는 경우

http://www.shadyab.com/category/tehran/commodity/all

답변

2

당신은 items:1을 사용할 수 없습니다.

+0

5로 변경했지만 작동하지 않았습니다. –

2

시도 대신에이 코드를 사용 : 버전 나는 그것이 나에게 일어난, 발생 가능한 문제가 무엇인지 생각 2.2.1

owl = $(".owl-carousel"); 
owl.owlCarousel({ 
    loop:true, 
    autoplaySpeed:1000, 
    items:5, 
    autoplay:true 
}); 

작동을은을 사용하고 autoplayTimeout.

위의 코드에 포함 시켰을 때 첫 번째 슬라이딩 만하고 멈췄습니다. 그러나 그것을 제거했을 때, 원하는대로 무한히 autoplay을 루핑하기 시작했습니다.

희망이 도움이 될 것입니다.