Carousel mit Slick

In diesem Beispiel sind im Vergleich zum vorigen noch die Konfigurationen autoplaySpeed, dots sowie pauseOnDotsHover hinzugefügt.

Wenn Optionen den Default-Wert haben sollen, müssen sie nicht explizit hinzugefügt werden.
Im vorigen Beispiel wird nur autoplay: true gesetzt, ohne die Default-Geschwindigkeit für das automatische Abspielen zu setzen, diese ist per default 3000 (ms).
Hier setzen wir den Wert jetzt explizit auf 300 – etwas schnell, aber so wird der Unterschied schön deutlich ;-).

Konfiguration über ein JavaScript-Objekt in $('#meinSlider').slick({...}):

<!-- Slick CSS einbinden -->
<script>
  $('#meinSlider').slick({
    autoplay: true,
    autoplaySpeed: 300,
    speed:    500,
    dots:    true,
    pauseOnDotsHover:    true
  });
</script>

Weitere mögliche Konfigurationseinstellungen unter https://kenwheeler.github.io/slick/.