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

Responsivt og tilpasseligt billedgalleri-plugin

Lightgallery.js er en nyttig og open source billedresizer og tilpasning.

Lightgallery.js er et nyttigt og meget tilpasseligt plugin, der er perfekt til projekter, der kræver mange funktioner, når det kommer til at indlæse og vise videoer og billeder på websteder. Udviklet fuldstændigt i JavaScript og CSS, det er et fuldt udstyret lysboksgalleri, der tilbyder udviklere mange muligheder.

Som open source kommer gratis-til-brug plugin Lightgallery.js praktisk, når du har brug for de ekstra muligheder udover at ændre størrelse og uploade billed- og videoaktiver til dit websted i form af et galleri. Det gemmer også browserhistorikken for billederne og videoerne i et dias og giver en unik URL for hvert galleribillede. Det er ikke kun hurtigt, men også en letvægts, modulær, responsiv lysboksgalleriskaber, der ikke hindrer hukommelsens ydeevne.

Previous Next

Kom godt i gang med LightGallery

Den anbefalede måde at installere LightGallery på via NPM. Brug venligst følgende kommando til at installere det.

Installer LightGallery via NPM

 npm install lightgallery.js

Gratis JavaScript API til billedmanipulation

Lightgallery.js kommer med mange indbyggede moduler som at lave thumbnails, fuld skærm, zoome ind og ud osv., som kan kasseres, hvis du ikke har brug for dem. Du kan også tilføje dine egne moduler afhængigt af dit projekts krav. I modsætning til JavaScript-metoden til at ændre størrelse på billeder og videoer, bruger Lightgallery.js en CSS-tilgang til responsiv størrelsesændring, hvilket gør det betydeligt hurtigere og mere fleksibelt. Ved blot at opdatere SASS-variablerne i dit galleri kan du nemt tilpasse plugin'et, så det passer til dine behov.

Opret miniaturer via gratis JavaScript API

Når det kommer til thumbnails, giver Lightgallery.js dig mulighed for at aktivere animerede thumbnails ligesom YouTube for at give en mere moderne følelse. Animerede miniaturebilleder kan også aktiveres til dit YouTube- eller Vimeo-galleri. Lightgallery.js kommer med mere end 20 animationer bygget i plugin'et, som kan bruges til at skabe smukke gallerier.

Opret statisk miniaturegalleri via JavaScript

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

Tilpas oprettelse af miniaturegalleri 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,
});
 Dansk