web-dev-qa-db-fra.com

carrousel lisse - masquer les contrôles?

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>

14
v3nt

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. 

39
user3411192

si vous voulez vous débarrasser des deux flèches:

$('.slider').slick({
   arrows: false
});
15
Zoltan Ordog

Voulez-vous cacher les boutons? Alors essayez ce CSS:

.slick-prev:before,
.slick-next:before {
   display:none;
}
2
atiquratik
$('.slider').slick({
 arrows: false
});
1
Glen Davidson

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;
}
0
netgenius.co.uk

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.

0
mocni_T