Slider Änderungen auf Maus Bildlauf

Question

Ich benutze Bootstrap Karussell Slider auf meiner Website. Ich möchte Dias auf mouseScroll.how ändern kann ich this.this Code funktioniert gut tun, aber ich möchte Dias auf mouseScroll ändern dies ist mein Code

 <script> 
    $(document).ready(function() { 
     $("#product_slider").owlCarousel({ 
     rtl:true, 
     loop:true,               
     margin:4, 
     autoplay:false, 
     autoplayTimeout:10000, 
     autoplayHoverPause:true, 
     lazyLoad : true, 
     pagination:false, 
     nav:true, 
      dots: false, 
     navText:false , 
     responsive:{ 
     0:{ 
      items:1 
     }, 
     500:{ 
      items:1 
     }, 
     768:{ 
      items:4 
     }, 
     1200:{ 
      items:5 

     } 
     } 
     }); 

    }); 
</script> 

Answer 1

Dies wird das Karussell ändern, wenn Sie das Mausrad scrollen darüber. Ich denke, es wäre klug, zu verhindern, dass die ganze Seite scrollt, während sich die Maus über dem Karussell befindet, aber ich habe mir nicht die Zeit dafür genommen.
Fiddle https://jsfiddle.net/mikeferrari/z34m1wbo/

// select the carousel container 
var myelement = document.getElementById("myCarousel"); 

// this function is called every time the mouse wheel is scrolled 
function makeItSo() { 
    // this is where you tell it to go to the next slide 
    $('.carousel').carousel('next') 
} 

myelement.addEventListener('wheel', function(e) {  
    makeItSo(); 
}); 


// start your carousel on page load 
$('.carousel').carousel({ 
    interval: 2000 
})