package.docs.demos.center.html Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of owl.carousel Show documentation
Show all versions of owl.carousel Show documentation
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
The newest version!
Center Demo | Owl Carousel | 2.3.4
Center
Center with loop
1
2
3
4
5
6
7
8
9
10
11
12
Center without loop
1
2
3
4
5
6
7
8
9
10
11
12
Overview
Works well with odd and even items on screen. Keep in mind that dots are not working here like a pagination.
Add center to setup:
center:true
Setup
$('.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
}
}
});
© 2015 - 2024 Weber Informatics LLC | Privacy Policy