owl carousel slider code example
Example 1: owl responsive
responsive : {
// breakpoint from 0 up
0 : {
option1 : value,
option2 : value,
...
},
// breakpoint from 480 up
480 : {
option1 : value,
option2 : value,
...
},
// breakpoint from 768 up
768 : {
option1 : value,
option2 : value,
...
}
}
Example 2: owlcarousel code
1
2
3
4
5
6
7
8
9
10
11
12
Example 3: owl carousal
//default settings:
autoplay:false
autoplayTimeout:5000
autoplayHoverPause:false
Example 4: owl slider
autoPlay:true;
Example 5: owl carousel
$('.loop').owlCarousel({
center: true,
items:2,
loop:true,
margin:10,
responsive:{
600:{
items:4
}
}
});
$('.nonloop').owlCarousel({
center: true,
items:2,
loop:false,
margin:10,
responsive:{
600:{
items:4
}
}
});