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 :

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