DETAILSaw4b_admin2025-02-21T14:19:06+00:00
Url Hash Navigation Demo | Owl Carousel | 2.3.4
zero three five seven ten
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'
});