Plugin pentru galerie de imagini receptiv și personalizabil
Lightgallery.js este un instrument de redimensionare și personalizare a imaginii util și open source.
Lightgallery.js este un plugin util și extrem de personalizabil, care este perfect pentru proiecte care necesită o mulțime de funcții atunci când vine vorba de încărcarea și afișarea videoclipurilor și imaginilor pe site-uri web. Dezvoltat complet în JavaScript și CSS, este o galerie de lightbox completă care oferă dezvoltatorilor multe opțiuni.
Ca o sursă deschisă, pluginul gratuit Lightgallery.js este util atunci când aveți nevoie de acele opțiuni suplimentare, altele decât redimensionarea și încărcarea materialelor de imagini și video pe site-ul dvs. sub forma unei galerii. De asemenea, stochează istoricul browserului imaginilor și videoclipurilor într-un diapozitiv și oferă o adresă URL unică pentru fiecare imagine din galerie. Nu numai că este rapid, ci și un creator de galerii lightbox ușor, modular și receptiv, care nu împiedică performanța memoriei.
Noțiuni introductive cu LightGallery
Modul recomandat de a instala LightGallery prin NPM. Vă rugăm să utilizați următoarea comandă pentru a o instala.
Instalați LightGallery prin NPM
npm install lightgallery.js
API JavaScript gratuit pentru manipularea imaginilor
Lightgallery.js vine cu multe module încorporate, cum ar fi crearea de miniaturi, ecran complet, mărire și micșorare etc., care pot fi renunțate dacă nu aveți nevoie de ele. De asemenea, puteți adăuga propriile module în funcție de cerințele proiectului dumneavoastră. Spre deosebire de metoda JavaScript de redimensionare a imaginilor și videoclipurilor, Lightgallery.js folosește o abordare numai CSS pentru redimensionarea receptivă, făcându-l considerabil mai rapid și mai flexibil. Prin simpla actualizare a variabilelor SASS ale galeriei tale, poți personaliza cu ușurință pluginul pentru a se potrivi nevoilor tale.
Creați miniaturi prin API-ul JavaScript gratuit
Când vine vorba de miniaturi, Lightgallery.js vă permite să activați miniaturile animate la fel ca YouTube, pentru a oferi o senzație mai modernă. Miniaturile animate pot fi activate și pentru galeria dvs. YouTube sau Vimeo. Lightgallery.js vine cu peste 20 de animații integrate în plugin care pot fi folosite pentru a crea galerii frumoase.
Creați o galerie de miniaturi statice prin JavaScript
lightGallery(document.getElementById('static-thumbnails'), {
animateThumb: false,
zoomFromOrigin: false,
allowMediaOverlap: true,
toggleThumb: true,
});
Personalizați crearea galeriei de miniaturi prin 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,
});