eule karussell wie scroll bar zu verwenden Horizontal?

Question

Ich benutze Eulen-Karussell js Bibliothek. Ich brauche die horizontale Bildlaufleiste. Ich versuchte dies:

$("#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

Answer 1

können Sie das horizontale Scrollen Funktionalität von Owl Carousel 2 mit query.mousewheel.js in Kombination mit, wie in this demo Eulen Karussell Webseite gezeigt. Die Bildlaufleiste ist jedoch nicht sichtbar. Sie scrollen nur mit dem Mausrad.

Dies ist der Code von Demo-Link:

<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>