• Home
• org.mvnpm
• owl.carousel
• 2.3.4
• source code
• mousewheel.html

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.docs.demos.mousewheel.html Maven / Gradle / Ivy

  

    
    
    
    
    
    
    

    
    
    

    
    
    

    

    

    
    
    
    

    

    
    
    
  
  

    
    

      

        

          

            

              owl.carousel.js 
            
          
          
               
           
          

            

              
 Home  
              

                Demos 
              
              
 Docs  
              

                Download 
                 
              
            
          
        
      
    

    
    

      

        

          
Mousewheel
        
      
    

    
    

      

        

          

            

              
1
            
            

              
2
            
            

              
3
            
            

              
4
            
            

              
5
            
            

              
6
            
            

              
7
            
            

              
8
            
            

              
9
            
            

              
10
            
            

              
11
            
            

              
12
            
          
          
Overview
          
To add mouswheel scrolling just include the fantastic plugin jquery.mousewheel.js created by Brandon Aaron.
            Link to plugin GitHub page 
          
          
Setup
          
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();
});