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() {
// owlCarousel example
$(".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
}
}
});
});