owlCarousel
Basic
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Responsive
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Merge
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
autoWidth
Item 1
Item 2
Item 3
Item 4
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
stagePadding
Item 1
Item 2
Item 3
Item 4
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Autoplay
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Mousewheel
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
-
Uses Instruction
-
owlCarousel is delivered primarily via npm.
npm i owlcarousel2 -
Add the following line into the <head> of
each template or page that you want to use owlcarousel2
on.
<!-- owlCarousel CSS --> <link rel="stylesheet" href="./../assets/vendors/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="./../assets/vendors/owl.carousel/assets/owl.theme.default.min.css"> -
Add the following lines before the
<body> of each template or page that you
want to use owlcarousel2 on.
<!-- owlCarousel JS --> <script src="./../assets/vendors/owl.carousel/owl.carousel.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script> <!-- owlCarousel Initialize JS --> <script src="./../assets/js/components/extended/owlcarousel-init.min.js"></script> - For full documentation please visit the link: https://owlcarousel2.github.io/OwlCarousel2/