Startseite » Web-Design » Fullscreen Lightbox-Diashows mit Lightgallery.js

    Fullscreen Lightbox-Diashows mit Lightgallery.js

    Jede großartige Blog- oder Portfolio-Website kann von a profitieren modale Lightbox-Diashow. Das kann gut sein verwandte Fotos zeigen oder Besucher lassen Durchsuchen Sie ein Portfolio an Arbeiten (Design, Kunst, Fotografie).

    Mit lightgallery.js, Sie gerade Installieren Sie die Bibliothek und Lass es laufen. Sie können es einrichten mit beliebig vielen Fotos und jede Folie nimmt den gesamten Bildschirm ein.

    Ich bevorzuge dieses Plugin im Vergleich zu anderen Diashows, die nur einen Teil des Bildschirms beanspruchen. Mit lightgallery.js, Der Fokus liegt auf der Diashow und das erste sichtbare Bild.

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

    In der oberen rechten Ecke sehen Sie eine Reihe von Tasten zum erweiterte Funktionen. In der Reihenfolge gehen sie so:

    • Diashow abspielen
    • Rein / rauszoomen
    • Browser-Vollbild
    • Soziales Teilen
    • Bilddownload
    • Diaschau schließen

    Sie können auswählen, über welche Schaltflächen Sie anzeigen möchten Bearbeiten der Optionen wenn du das Plugin anrufst.

    In der Tat bin ich überwältigt, wie viel Detail in die Dokumentation gesteckt wurde. Es hat Details für Optionen und Callback-Methoden. Sie finden aber auch Informationen für benutzerdefinierte Datenattribute, Sass-Variablen, und sogar ein Plugin-API Module auf Lichtgallerie bauen.

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

    Es ist die perfekte Wahl für Designer oder Fotografen, die eine brillante Methode suchen, um ihr Portfolio auf ihrer Website anzuzeigen.

    Du kannst sogar Einbetten von Iframes oder Videos von Websites wie YouTube oder Vimeo. Dies ist wirklich das beste Lightbox-Galerie-Plugin, das die bestmögliche Benutzererfahrung bietet.

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

    Wenn du das lieber hättest als jQuery-Plugin Es gibt ein Plugin lightgallery.js, das für jQuery-Benutzer portiert ist. Sie können ein sehen vollständige Demo auf der Demoseite oder check das aus Stift unten. Und wenn Sie das brauchen Quellcode gehe hinüber zum GitHub-Repo und Nimm eine Kopie für sich selbst.