Frage Slick Karussell - verstecken Kontrollen?


Gibt es irgendwelche Optionen, um das Hinzufügen der nächsten und vorherigen Tasten zu stoppen? Ich kann nicht scheinen, sie über CSS zu verstecken.

<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button>


12
2018-04-09 16:45


Ursprung


Antworten:


Hinzufügen prevArrow: false und nextArrow: false wo du dein Karussell nennst. Ex)

$('.slider').slick({
    dots: false,
    prevArrow: false,
    nextArrow: false
});

Ich fügte hinzu dots: false falls du das auch entfernen willst.


32
2018-05-03 16:35



wenn Sie beide Pfeile loswerden wollen:

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

11
2018-02-13 11:55



Möchten Sie die Schaltflächen ausblenden? Dann probiere dieses CSS aus:

.slick-prev:before,
.slick-next:before {
   display:none;
}

2
2018-04-09 16:52



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

1
2017-10-04 08:41



Ich hatte Probleme mit dem Ausblenden von Schaltflächen mit Javascript, also versuche ich es mit CSS zu verwenden

.slider button{
    display: none;
}

, aber das hat nicht funktioniert, also benutze ich

.slider button{
    visibility: hidden;
}

Es hat keine Zeiger-Ereignisse, so dass Sie gut gehen können.


0
2017-10-24 22:08



Um die Buttons nur mit CSS zu verstecken, funktionierte das für mich:

nav.slick__arrow {
  height: 0;
  overflow: hidden;
}

Ich habe auch benutzt:

nav.slick__arrow, ul.slick-dots {
  display: none!important;
}

0
2018-02-07 14:26