JS-Bibliothek zum schnellen Implementieren einer Diashow

Ich suche nach einer Javascript-Bibliothek, mit der ich auf einer Website sehr einfach Bilder als Diashow erstellen kann.

Dass ich als "schnell" oder "einfach" zu verwendende Bibliothek sagen möchte, ist, dass ich ein Array von Bild-URLs an die Bibliothek übergeben möchte, und wenn ich die Bibliothek einschalte (manuell oder automatisch, es spielt keine Rolle), Auf meiner Website sollte eine gut sichtbare Diashow zu sehen sein.

Dann können einige Konfigurationsoptionen verfügbar sein, aber ich brauche, dass die erste Diashow schnell kommt, ohne mein DOM bearbeiten oder viel konfigurieren zu müssen.

Antworten (3)

Suchen Sie etwas wie oben im iTunes Store oder bei Amazon? Die großen vorgestellten Bilder, die nach links scrollen? Wenn ja, würde ich swipe.js empfehlen , auch wenn die Demo auf ihrer Hauptseite derzeit nicht funktioniert (Google sucht nach einer anderen). Es ist eine sehr kleine, übersichtliche Bibliothek mit der Option, den Swiper automatisch vorzurücken, wodurch es zu einer Diashow wird. Technisch gesehen werden keine Bilder aus einem Array abgerufen, aber das erforderliche Markup ist sehr gering.

Eine weitere Option wie swipe.js ist Swiper , das viel größer und funktionsreicher ist, einschließlich des automatischen Vorrückens, um daraus eine Diashow zu machen.

Wenn das nicht das ist, wonach Sie suchen, scheint ResponsiveSlides.js (Entschuldigung, Sie müssen danach suchen; ich kann aufgrund meiner schlechten Reputation keine weiteren Links einfügen) eine gute Option zu sein. Ähnlich wie die beiden oben genannten Optionen, aber kein Wischen. Hängt von jQuery ab.

Wenn Sie eine typischere Diashow im Powerpoint-Stil erstellen möchten, durch die der Benutzer navigiert, würde ich deck.js empfehlen.

Ich denke, Sie würden Impress.js nützlich sein. Es hat alles, was Sie brauchen

1 - JS-Bibliothek zum einfachen Erstellen von Präsentationen aus Code
2 - Verfügbare Konfigurationsoptionen für Übergänge (einschließlich CSS3-Effekte)

Es gibt Dutzende , die dies mit etwas anderen Optionen tun.

Und natürlich hat jQuery hier eine lange Liste .

Fast alle haben eine kompatible Syntax, Sie können also einige ausprobieren. Ich habe Slick verwendet und es funktioniert großartig.