owlDisabledArrows
Plugin jQuery permettant d’ajouter une classe .owl-disabled
aux éléments de navigation d’un slider OwlCarousel dont l’usage n’a pas d’effet.Lorsque l’on est sur la première slide d’un carrousel sans boucle, la flèche .owl-prev
recevra donc cette nouvelle classe.
De même pour la flèche .owl-next
lorsqu’on se trouve sur la dernière slide.
Usage :
1 2 3 4 5 6 7 8 9 |
var $carousel = $('#slider'); $carousel.owlDisabledArrows({ disabledClass : 'owl-disabled' }); $carousel.owlCarousel({ // owlCarousel config }); |
Pour correspondre à la documentation de OwlCarousel, il est préférable d’instancier owlDisabledArrows
avant owlCarousel
, car le plugin se sert de l’événement initialized.owl.carousel
qui ne sera éxécuté que s’il est défini avant l’instance du carrousel.
Sources
Les sources sont sur Github : https://github.com/PierreLebedel/owlDisabledArrows