Erstellen Sie funktionsreiche jQuery-Karussells mit Slick

Nicht viele Karussellbibliotheken kann mithalten Glatt. Es ist das am meisten gepackte jQuery-Plugin für dynamische Karussells bauen im Internet.

Es ist völlig kostenlos und gebaut auf jQuery. Der Code ist super einfach einzurichten, obwohl er es tut erfordern einige Abhängigkeiten. Bei so vielen Funktionen sollten jedoch zusätzliche Bibliotheken hinzugefügt werden, damit dies funktioniert.

Zu installiere Slick, Sie können das GitHub-Repo besuchen und eine Kopie herunterladen. Es kommt mit zwei CSS-Dateien: eine für die Grundeinstellung und noch eine für die Standardmäßiges Slick-Design. Sie können diese Dateien problemlos in Ihrem primären CSS-Stylesheet kombinieren, wenn Sie Speicherplatz sparen möchten.

Dann brauchst du zwei jQuery-Abhängigkeiten: das primäre jQuery-Bibliothek zusammen mit jQuery Migrate. Slick erfordert a Minimum von jQuery 1.7+ Das sollte für eine moderne Entwicklungsumgebung kein Problem sein.

Ab hier fügen Sie einfach das hinzu Slick.js Datei und lass es gehen. Diashows können mit sehr wenig Code erstellt werden direkte probe von der Slick-Website:

  Ihr Inhalt
 Ihr Inhalt
 Ihr Inhalt

Mit einem einfachen

Container können Sie Folien dynamisch hinzufügen, Dazu gehören Bilder, HTML-Inhalte und eingebettete Medien wie Videos. Slick unterstützt alles mit einem voll ansprechendes Design das hält die Seitenverhältnisse intakt.

Slick bietet Dutzende von tollen Funktionen, einschließlich Swipe-Funktionalität auf dem Handy und Punktnavigation. Sie können auch einrichten automatisches Abspielen, benutzerdefinierte Animation, benutzerdefinierte Rückrufe, und so viel mehr.

Diese Bibliothek ist ein komplettes Tier für rotierende Karussells erstellen. Und Sie können alles mit machen ein paar einfache Zeilen von jQuery Das macht das noch unglaublicher.

Zu Alle Demos anzeigen und loslegen, Besuche die Slick-Homepage. Sie können auch finden der gesamte Quellcode und vollständige Dokumentation für Einstellungen / Optionen im GitHub-Repo.