Existe-t-il des options permettant d’arrêter l’ajout en douceur des boutons suivant et précédent? Je n'arrive pas à les cacher via css.
<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button>
Ajoutez prevArrow: false
et nextArrow: false
à l'endroit où vous appelez votre carrousel. Ex)
$('.slider').slick({
dots: false,
prevArrow: false,
nextArrow: false
});
J'ai ajouté dots: false
au cas où vous voudriez le supprimer également.
si vous voulez vous débarrasser des deux flèches:
$('.slider').slick({
arrows: false
});
Voulez-vous cacher les boutons? Alors essayez ce CSS:
.slick-prev:before,
.slick-next:before {
display:none;
}
$('.slider').slick({
arrows: false
});
Pour masquer les boutons en utilisant uniquement CSS, cela a fonctionné pour moi:
nav.slick__arrow {
height: 0;
overflow: hidden;
}
J'ai aussi utilisé:
nav.slick__arrow, ul.slick-dots {
display: none!important;
}
J'ai eu des problèmes pour cacher des boutons en utilisant javascript alors j'essaie de l'utiliser avec CSS
.slider button{
display: none;
}
, mais cela n'a pas fonctionné alors j'utilise
.slider button{
visibility: hidden;
}
Il n'y a pas d'événements de pointeur, vous serez donc prêt à partir.