1. produkty
  2.   obraz
  3.   JavaScript
  4.   LightGallery
 
  

Responzivní a přizpůsobitelný plugin galerie obrázků

Lightgallery.js je užitečný a open source nástroj pro změnu velikosti a přizpůsobení obrázků.

Lightgallery.js je užitečný a vysoce přizpůsobitelný plugin, který je ideální pro projekty, které vyžadují mnoho funkcí, pokud jde o načítání a zobrazování videí a obrázků na webových stránkách. Plně vyvinutá v JavaScriptu a CSS je plnohodnotnou galerií lightboxů, která vývojářům nabízí mnoho možností.

Jako open source je bezplatný plugin Lightgallery.js užitečný, když potřebujete tyto další možnosti, kromě změny velikosti a nahrávání obrazových a video prostředků na váš web ve formě galerie. Také ukládá historii prohlížeče obrázků a videí na snímku a poskytuje jedinečnou adresu URL pro každý obrázek galerie. Nejen, že je rychlý, ale také lehký, modulární a citlivý tvůrce galerie lightbox, který nebrání výkonu paměti.

Previous Next

Začínáme s LightGallery

Doporučený způsob instalace LightGallery přes NPM. K instalaci použijte následující příkaz.

Nainstalujte LightGallery přes NPM

 npm install lightgallery.js

Zdarma JavaScript API pro manipulaci s obrázky

Lightgallery.js přichází s mnoha vestavěnými moduly, jako je vytváření miniatur, celá obrazovka, přibližování a oddalování atd., které lze zahodit, pokud je nepotřebujete. Můžete také přidat své vlastní moduly v závislosti na požadavcích vašeho projektu. Na rozdíl od JavaScriptové metody změny velikosti obrázků a videí používá Lightgallery.js pouze přístup CSS pro responzivní změnu velikosti, což je výrazně rychlejší a flexibilnější. Pouhou aktualizací proměnných SASS vaší galerie můžete snadno přizpůsobit plugin tak, aby vyhovoval vašim potřebám.

Vytvářejte miniatury pomocí bezplatného JavaScript API

Pokud jde o miniatury, Lightgallery.js vám umožňuje povolit animované miniatury stejně jako YouTube, aby působily moderněji. Animované náhledy lze aktivovat také pro vaši galerii YouTube nebo Vimeo. Lightgallery.js přichází s více než 20 animacemi zabudovanými v pluginu, které lze použít k vytvoření krásných galerií.

Vytvořte galerii statických náhledů pomocí JavaScriptu

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

Přizpůsobte vytváření galerie náhledů pomocí JavaScriptu

 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,
});
 Čeština