Carousel

Introduction

Bootstrap propose un mécanisme de carousel mais il n'est pas compétitif au regard des autres plugins sur le marché.
Nous avons retenu Owl Carousel.
Bien penser à commenter les éléments css inutilisés. Ne les charger qu'en cas d'usage :)
De nombreuses otions disponibles (responsive, center, merge, auto width, auto height, lazy-load, vidéo, animate, autoplay, loop, etc...)
En savoir plus

Exemples
Single
Multiple
$(function() {

    $(".owl-1").owlCarousel({
        loop: false,
        nav: false,
        dots: true,
        margin: 0,
        responsiveClass: true,
        autoheight: true,
        items: 1,
        navText: [
            '',
            '',
        ]
    });

    $(".owl-2").owlCarousel({
        loop: true,
        nav: true,
        dots: true,
        margin: 16,
        responsiveClass: true,
        autoheight: true,
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        smartSpeed: 800,
        navText: [
            '',
            '',
        ],
        responsive: {
            0: {
                items: 1
            },
            768: {
                items: 2
            },
            1024: {
                items: 3
        }
    }
    });

});   
Configuration
Thème
Bases
Atomes
Molécules
Organismes
Pages