How To Use
1. Load jQuery and include Owl Carousel plugin files
To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included.
- rel="stylesheet" href="owl-carousel/owl.carousel.css">
- rel="stylesheet" href="owl-carousel/owl.theme.css">
2. Set up your HTML
You don't need any special markup. All you need is to wrap your divs(owl works with any type element) inside the container element
- id="owl-example" class="owl-carousel">
- Your Content
- Your Content
- Your Content
- Your Content
- Your Content
- Your Content
- Your Content
- ...
3. Call the plugin
Now call the Owl initializer function and your carousel is ready.
- $(document).ready(function() {
- $("#owl-example").owlCarousel();
- });