1. Prodotti
  2.   Immagine
  3.   JavaScript
  4.   LightGallery
 
  

Plugin per la galleria di immagini reattivo e personalizzabile

Lightgallery.js è un ridimensionatore e personalizzatore di immagini utile e open source.

Lightgallery.js è un plug-in utile e altamente personalizzabile, perfetto per progetti che richiedono molte funzionalità quando si tratta di caricare e visualizzare video e immagini sui siti Web. Sviluppato completamente in JavaScript e CSS, è una galleria lightbox completa che offre agli sviluppatori molte opzioni.

Come plug-in open source e gratuito Lightgallery.js è utile quando hai bisogno di quelle opzioni extra oltre al ridimensionamento e al caricamento di risorse di immagini e video sul tuo sito Web sotto forma di galleria. Memorizza anche la cronologia del browser delle immagini e dei video in una diapositiva e fornisce un URL univoco per ogni immagine della galleria. Non solo è veloce, ma è un creatore di gallerie lightbox leggero, modulare e reattivo che non ostacola le prestazioni della memoria.

Previous Next

Introduzione a LightGallery

Il modo consigliato per installare LightGallery tramite NPM. Si prega di utilizzare il seguente comando per installarlo.

Installa LightGallery tramite NPM

 npm install lightgallery.js

API JavaScript gratuita per la manipolazione delle immagini

Lightgallery.js viene fornito con molti moduli integrati come la creazione di miniature, schermo intero, zoom avanti e indietro, ecc. che possono essere eliminati se non ne hai bisogno. Puoi anche aggiungere i tuoi moduli a seconda delle esigenze del tuo progetto. A differenza del metodo JavaScript per ridimensionare immagini e video, Lightgallery.js utilizza un approccio solo CSS per il ridimensionamento reattivo, rendendolo notevolmente più veloce e flessibile. Semplicemente aggiornando le variabili SASS della tua galleria puoi facilmente personalizzare il plugin in base alle tue esigenze.

Crea miniature tramite l'API JavaScript gratuita

Quando si tratta di miniature, Lightgallery.js ti consente di abilitare miniature animate proprio come YouTube per dare un tocco più moderno. Le miniature animate possono essere attivate anche per la tua galleria YouTube o Vimeo. Lightgallery.js include più di 20 animazioni integrate nel plug-in che possono essere utilizzate per creare bellissime gallerie.

Creare Static Thumbnails Gallery via JavaScript

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

Personalizzare Thumbnails Gallery Creazione 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,
});
 Italiano