Fullscreen Lightbox Diashows mit Lightgallery.js

Jede großartige Blog- oder Portfolio-Website kann von einer modalen Lightbox-Diashow profitieren. Dies kann gut sein, um damit verbundene Fotos zu zeigen oder Besucher durch ein Portfolio von Arbeiten (Design, Kunst, Fotografie) stöbern zu lassen.

Mit lightgallery.js installieren Sie einfach die Bibliothek und lassen sie laufen . Sie können es mit einer beliebigen Anzahl von Fotos einrichten und jede Folie nimmt den gesamten Bildschirm ein .

Ich bevorzuge dieses Plugin gegenüber anderen Diashows, die nur einen Teil des Bildschirms einnehmen. Mit lightgallery.js geht alles auf die Diashow und das erste sichtbare Bild.

Am unteren Ende jeder Folie finden Sie eine kleine Beschreibung mit Links oder dem gewünschten Text.

In der oberen rechten Ecke sehen Sie eine Reihe von Schaltflächen für erweiterte Funktionen . In Ordnung, sie gehen so:

• Diashow abspielen
• Rein / rauszoomen
• Browser Vollbild
• Soziales Teilen
• Bild herunterladen
• Schließen Sie die Diashow

Sie können wählen, welche dieser Schaltflächen Sie anzeigen möchten, indem Sie die Optionen beim Aufruf des Plugins bearbeiten .

Tatsächlich bin ich hin und weg davon, wie viel Detail in die Dokumentation eingegangen ist. Es enthält Details zu Optionen und Rückrufmethoden . Aber Sie finden auch Informationen für benutzerdefinierte Datenattribute, Sass-Variablen und sogar eine Plugin-API, um Module in Lightgallery zu erstellen.

Oh, und habe ich erwähnt, dass es vollständig mobilfreundlich ist ? Sie können Fotos mit dem Finger oder sogar mit der Maus durch die Galerie ziehen.

Es ist die perfekte Wahl für einen Designer oder Fotografen, der eine brillante Methode benötigt, um sein Portfolio auf seiner Website anzuzeigen.

Sie können sogar Iframes oder Videos von Websites wie YouTube oder Vimeo einbetten . Dies ist wirklich das beste Lightbox Gallery Plugin, das die bestmögliche Benutzererfahrung bietet.

Diese Bibliothek ist frei von allen Abhängigkeiten und läuft auf reinem JavaScript . Aber es spielt auch mit großen Bibliotheken wie jQuery oder Bootstrap.

Wenn Sie dies als jQuery-Plugin bevorzugen, gibt es ein Lightgallery.js-Plugin für jQuery-Benutzer. Sie können eine vollständige Demo auf der Demoseite sehen oder den Stift unten sehen . Und wenn Sie den Quellcode benötigen, gehen Sie zum GitHub Repo und holen Sie sich eine Kopie für sich.