Plugins

Owl Carousel

Owl Carousel is a jQuery plugin with a lot of options for creating carousels. We have used it multiple times, when the Bootstrap Carousel fell short with providing possibilities for customisation. To see the full documentation for this plugin, you can go here.

Here is an example of the carousel, with the all the code that is necessary for it to work.

<!-- html -->
    <div class="owl-carousel owl-theme" id="owl-carousel">
        <div class="item">
            ...
        </div>
        <div class="item">
            ...
        </div>
        <div class="item">
            ...
        </div>
    </div>
<!-- js -->
 
$('#owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        }
    }
})