• Home
• org.mvnpm
• owl.carousel
• 2.3.4
• source code
• urlhashnav.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.urlhashnav.html Maven / Gradle / Ivy

  

    
    
    
    
    
    
    

    
    
    

    
    
    

    

    

    
    
    
    

    

    
    
    
  
  

    
    

      

        

          

            

              owl.carousel.js 
            
          
          
               
           
          

            

              
 Home  
              

                Demos 
              
              
 Docs  
              

                Download 
                 
              
            
          
        
      
    

    
    

      

        

          
Url Hash Navigation
        
      
    

    
    

      

        

          

            

              
0
            
            

              
1
            
            

              
2
            
            

              
3
            
            

              
4
            
            

              
5
            
            

              
6
            
            

              
7
            
            

              
8
            
            

              
9
            
            

              
10
            
            

              
11
            
            

              
12
            
            

              
13
            
            

              
14
            
            

              
15
            
          
          

          zero 
          three 
          five 
          seven 
          ten 
          
Overview
          

            
URLhashListener option is listening for url hash change and is looking for slide with the same data name e.g. data-hash="zero"
          
          
Also startPosition option accept string: 'URLHash'. This will load corresponding items on startup. Browser history back button is also affected.
          
Setup
          
    $('.owl-carousel').owlCarousel({
        items:4,
        loop:false,
        center:true,
        margin:10,
        URLhashListener:true,
        autoplayHoverPause:true,
        startPosition: 'URLHash'
    });