1. Producten
  2.   Afbeelding
  3.   JavaScript
  4.   LightGallery
 
  

Responsieve en aanpasbare plug-in voor afbeeldingengalerij

Lightgallery.js is een handige en open source afbeelding resizer en customizer.

Lightgallery.js is een handige en zeer aanpasbare plug-in die perfect is voor projecten die veel functies vereisen als het gaat om het laden en weergeven van video's en afbeeldingen op websites. Volledig ontwikkeld in JavaScript en CSS, het is een volledig uitgeruste lightbox-galerij die ontwikkelaars veel opties biedt.

Als open source is de gratis te gebruiken plug-in Lightgallery.js handig wanneer u die extra opties nodig heeft, behalve het formaat wijzigen en uploaden van afbeeldings- en video-items naar uw website in de vorm van een galerij. Het slaat ook de browsergeschiedenis van de afbeeldingen en video's in een dia op en biedt een unieke URL voor elke galerijafbeelding. Het is niet alleen snel, maar ook een lichtgewicht, modulaire, responsieve lightbox-galerijmaker die de geheugenprestaties niet belemmert.

Previous Next

Aan de slag met LightGallery

De aanbevolen manier om LightGallery via NPM te installeren. Gebruik de volgende opdracht om het te installeren.

Installeer LightGallery via NPM

 npm install lightgallery.js

Gratis JavaScript API voor beeldmanipulatie

Lightgallery.js wordt geleverd met veel ingebouwde modules, zoals het maken van miniaturen, volledig scherm, in- en uitzoomen, enz. Die kunnen worden weggegooid als je ze niet nodig hebt. U kunt ook uw eigen modules toevoegen, afhankelijk van de vereisten van uw project. In tegenstelling tot de JavaScript-methode voor het wijzigen van het formaat van afbeeldingen en video's, gebruikt Lightgallery.js een CSS-benadering voor responsief formaat wijzigen, waardoor het aanzienlijk sneller en flexibeler wordt. Door simpelweg de SASS-variabelen van uw galerij bij te werken, kunt u de plug-in eenvoudig aanpassen aan uw behoeften.

Maak miniaturen via gratis JavaScript-API

Als het op thumbnails aankomt, kun je met Lightgallery.js geanimeerde thumbnails inschakelen, net als YouTube, om een moderner gevoel te geven. Geanimeerde miniaturen kunnen ook worden geactiveerd voor uw YouTube- of Vimeo-galerij. Lightgallery.js wordt geleverd met meer dan 20 ingebouwde animaties in de plug-in die kunnen worden gebruikt om prachtige galerijen te maken.

Creëer Static Thumbnails Gallery via JavaScript

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

Customize Thumbnails Gallery Creation

 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,
});
 Dutch