1. Produkter
  2.   Bilde
  3.   JavaScript
  4.   LightGallery
 
  

Responsivt og tilpassbart bildegalleri-plugin

Lightgallery.js er en nyttig og åpen kildekode-bildeforbedring og tilpasning.

Lightgallery.js er en nyttig og svært tilpassbar plugin som er perfekt for prosjekter som krever mange funksjoner når det kommer til å laste og vise videoer og bilder på nettsteder. Utviklet fullstendig i JavaScript og CSS, er det et fullverdig lysboksgalleri som tilbyr utviklere mange alternativer.

Som en åpen kildekode, gratis-å-bruke plugin Lightgallery.js kommer godt med når du trenger de ekstra alternativene annet enn å endre størrelse og laste opp bilde- og videoressurser til nettstedet ditt i form av et galleri. Den lagrer også nettleserhistorikken til bildene og videoene i et lysbilde og gir en unik URL for hvert galleribilde. Ikke bare er det raskt, men en lett, modulær, responsiv lysboksgalleriskaper som ikke hindrer minneytelsen.

Previous Next

Komme i gang med LightGallery

Den anbefalte måten å installere LightGallery på via NPM. Bruk følgende kommando for å installere den.

Installer LightGallery via NPM

 npm install lightgallery.js

Gratis JavaScript API for bildemanipulering

Lightgallery.js kommer med mange innebygde moduler som å lage miniatyrbilder, fullskjerm, zoome inn og ut osv. som kan forkastes hvis du ikke trenger dem. Du kan også legge til dine egne moduler avhengig av kravet til prosjektet ditt. I motsetning til JavaScript-metoden for å endre størrelse på bilder og videoer, bruker Lightgallery.js en CSS-tilnærming for responsiv endring av størrelse, noe som gjør den betydelig raskere og mer fleksibel. Ved ganske enkelt å oppdatere SASS-variablene i galleriet ditt kan du enkelt tilpasse plugin-en til dine behov.

Lag miniatyrbilder via gratis JavaScript API

Når det kommer til miniatyrbilder, lar Lightgallery.js deg aktivere animerte miniatyrbilder akkurat som YouTube for å gi et mer moderne preg. Animerte miniatyrbilder kan også aktiveres for YouTube- eller Vimeo-galleriet ditt. Lightgallery.js kommer med mer enn 20 animasjoner innebygd i plugin som kan brukes til å lage vakre gallerier.

Lag statiske miniatyrbilder via JavaScript

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

Tilpass oppretting av miniatyrbildegalleri 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,
});
 Norsk