Url Hash Navigation Demo | Owl Carousel | 2.2.1

# 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'
        });