1. Produkte
  2.   Bild
  3.   JavaScript
  4.   LightGallery
 
  

Responsives und anpassbares Bildergalerie-Plugin

Lightgallery.js ist ein nützlicher und quelloffener Bild-Resizer und Customizer.

Lightgallery.js ist ein nützliches und anpassbares Plugin, das perfekt für Projekte ist, die viele Funktionen benötigen, wenn es darum geht, Videos und Bilder auf Websites zu laden und anzuzeigen. Entwickelt komplett in JavaScript und SS, ist es eine voll ausgestattete Leuchtpult-Galerie, die Entwicklern viele Optionen bietet.

Als Open Source ist das kostenlose Plugin Lightgallery.js praktisch, wenn Sie andere zusätzliche Optionen als das Residieren und Hochladen von Bild- und Videomaterial auf Ihre Website in Form einer Galerie benötigen. Es speichert auch die Browser-Geschichte der Bilder und Videos in einer Folie und bietet eine einzigartige URL für jedes Galeriebild. Es ist nicht nur schnell, sondern auch ein leichtgewichtiger, modularer, auffälliger Leuchtkasten-Galerie-Hersteller, der die Speicherleistung nicht behindert.

Previous Next

Erste Schritte mit LightGallery

Die empfohlene Methode zur Installation von LightGallery über NPM. Bitte verwenden Sie den folgenden Befehl, um es zu installieren.

Installieren Sie LightGallery über NPM

 npm install lightgallery.js

Kostenlose JavaScript-API zur Bildbearbeitung

Lightgallery.js enthält viele eingebaute Module wie das Erstellen von Vorschaubildern, Vollbildschirmen, Ein- und Auszoomen usw. , die abgeworfen werden können, wenn Sie sie nicht benötigen. Sie können auch Ihre eigenen Module hinzufügen, abhängig von der Anforderung Ihres Projekts. Im Gegensatz zu der JavaScript-Methode des Residierens von Bildern und Videos, verwendet Lightgallery.js einen SS-Ansatz, um den residierenden Inhalt wesentlich schneller und flexibler zu gestalten. Indem Sie die SAS-Variablen Ihrer Galerie aktualisieren, können Sie das Plug-In ganz einfach Ihren Bedürfnissen anpassen.

Erstellen Sie Miniaturansichten über die kostenlose JavaScript-API

Wenn es um Vorschaubilder geht, erlaubt Lightgallery.js Ihnen animierte Miniaturen wie YouTube zu aktivieren, um ein moderneres Gefühl zu vermitteln. Animierte Miniaturen können auch für Ihre YouTube- oder Vimeo-Galerie aktiviert werden. Lightgallery.js enthält mehr als 20 Animationen, die im Plugin gebaut wurden, die verwendet werden können, um schöne Galerien zu erstellen.

Static Thumbnail Galerie über JavaScript erstellen

 lightGallery(document.getElementById('static-thumbnails'), {
    animateThumb: false,
    zoomFromOrigin: false,
    allowMediaOverlap: true,
    toggleThumb: true,
});

Customize Thumbnail Gallery Creation via JavaScript

 lightGallery(document.getElementById('customize-thumbnails-gallery'), {
    // Add a custom class to apply style only for the particular gallery
    addClass: 'lg-custom-thumbnails',
    // Remove the starting animations.
    // This can be done by overriding CSS as well
    appendThumbnailsTo: '.lg-outer',
    animateThumb: false,
    allowMediaOverlap: true,
});
 Deutsch