Slick Carousel 1.8.1

DIE Alternative zu Owl!

Normaler Slider mit bekannter Anzahl an Slides

LazyLoad, Next, Prev erst ab 520px

SimpleLightbox Caption aus dem data-title des IMG

Alt Attribut
Alt Attribut

Normaler Slider mit bekannter Anzahl an Slides

Arrows, Dots, slidesToShow: 3, slidesToScoll: 3, infinite

Normaler Slider mit bekannter Anzahl an Slides - centerMode: true

Arrows, Dots, slidesToShow: 3, slidesToScoll: 3, centerMode: true,

Normaler Slider mit unbekannter Anzahl an Slides - variableWidth: true

Arrows, Dots:false, variableWidth: true
Dots machen hier keinen Sinn, das die dots nie wissen können wievile Bilder sichtbar sind.

lazyLoad mit bekannter Anzahl an Slides - variableWidth: true, lazyLoad:'ondemand'

Bei lazyLoad muss slidesToSkow:x mit angeben werden, sonst ist es nur das Erste

Bild 1
Bild 2
Bild 3
Bild 4
Bild 5
Bild 6
Bild 7
Bild 8
Bild 9
Bild 10

Full-Width Slider mit je 1 Slide

Next und Prev mit eigenen SVG im JS Call

---

Alt Attribut
Alt Attribut
Alt Attribut

Vorteile:

  • Swipe, Dots, Prev-Next
  • Aria implementiert
  • Viele Options... u.A. destroy, reinit
  • LazyLoad - statt <img src <img data-lazy=
  • Responsive Slides-to-show wie bei Owl sezten
  • In des Responsive Bereichen kann man auch dots an- oder abschalten

Nachteile:

  • Beim Laden mit vielen Bilder kurz unstyled untereinender...??? MIST
  • SimpleLightbox löst an Desktop leider auch hier sofort aus... Damn!

Fazit:

  • Gute Alternative zu Owl...

Quellen: