Url Hash Navigation Demo | Owl Carousel

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