2015-03-24 20 views
5

Ben baykuş-carousel js kütüphanesi kullanıyorum. Yatay kaydırma çubuğu özelliğine ihtiyacım var. baykuş atlıkarınca web sitesinin this demo gösterildiği gibi query.mousewheel.js ile birlikte Owl Carousel 2 kullanarakbaykuş carousel kaydırma çubuğu nasıl kullanılır Yatay?

$("#owl-demo").owlCarousel({ 
      Horizontal: true, // not working this 
      items : 4, 
      itemsDesktop : [1199,3], 
      itemsDesktopSmall : [979,3], 
      itemsTablet: [2400,4], //2 items between 600 and 0 
      itemsMobile :[1200,4]   
     }); 

Click this reference

+1

:

Bu demo linkinden kodudur? Ben docs veya herhangi bir demoda bu seçeneği görmüyorum – Alex

cevap

-1

Sen yatay kaydırma özelliğe sahip olabilir: Bu çalıştı. Ancak kaydırma çubuğu görünmüyor, sadece fare tekerinizle geziniyor. Eğer bir kaydırma çubuğu özelliğini gördük

<script src="path/to/jquery.min.js"></script> 
<script src="path/to/owl.carousel.js"></script> 
<script src="path/to/jquery.mousewheel.min.js"></script> 

<script> 
    $(document).ready(function() { 
     var owl = $('.owl-carousel'); 
     owl.owlCarousel({ 
      loop:true, 
      nav:true, 
      margin:10, 
      responsive:{ 
       0:{ 
        items:1 
       }, 
       600:{ 
        items:3 
       },    
       960:{ 
        items:5 
       }, 
       1200:{ 
        items:6 
       } 
      } 
     }); 
     owl.on('mousewheel', '.owl-stage', function (e) { 
      if (e.deltaY>0) { 
       owl.trigger('next.owl'); 
      } else { 
       owl.trigger('prev.owl'); 
      } 
      e.preventDefault(); 
     }); 
    }); 
</script> 
+0

Teşekkür ederim, ama görünür kaydırma ihtiyacım var :( –

+0

Bir bağlantı gördün mü? – zed

+0

Baykuş-atlıkarınca ile değil - amazon.com de değil –

İlgili konular