1. Termékek
  2.   Kép
  3.   JavaScript
  4.   LightGallery
 
  

Reszponzív és testreszabható Képgaléria beépülő modul

A Lightgallery.js egy hasznos és nyílt forráskódú képátméretező és testreszabó.

A Lightgallery.js egy hasznos és nagymértékben testreszabható bővítmény, amely tökéletes olyan projektekhez, amelyek sok funkciót igényelnek a videók és képek webhelyeken való betöltésekor és megjelenítése során. Teljesen JavaScriptben és CSS-ben fejlesztették ki, ez egy teljes értékű átvilágítódoboz-galéria, amely számos lehetőséget kínál a fejlesztőknek.

Nyílt forráskódú, ingyenesen használható Lightgallery.js beépülő modul akkor hasznos, ha a kép- és videóelemek átméretezésén és galéria formájában történő feltöltésen kívül további lehetőségekre van szüksége. Ezenkívül a képek és videók böngészési előzményeit egy diában tárolja, és minden galériaképhez egyedi URL-t biztosít. Nemcsak gyors, hanem könnyű, moduláris, érzékeny átvilágítódoboz-galéria-készítő, amely nem akadályozza a memória teljesítményét.

Previous Next

A LightGallery használatának első lépései

A LightGallery NPM-en keresztüli telepítésének javasolt módja. Kérjük, használja a következő parancsot a telepítéshez.

Telepítse a LightGallery-t NPM-en keresztül

 npm install lightgallery.js

Ingyenes JavaScript API képkezeléshez

A Lightgallery.js számos beépített modult tartalmaz, például miniatűrök létrehozását, teljes képernyőt, nagyítást és kicsinyítést stb., amelyeket eldobhat, ha nincs rájuk szüksége. Saját modulokat is hozzáadhat a projekt követelményeitől függően. A képek és videók átméretezésére szolgáló JavaScript-módszerrel szemben a Lightgallery.js csak CSS-megközelítést alkalmaz az érzékeny átméretezéshez, így lényegesen gyorsabb és rugalmasabb. A galéria SASS-változóinak egyszerű frissítésével könnyedén testreszabhatja a beépülő modult az igényeinek megfelelően.

Bélyegképek létrehozása ingyenes JavaScript API-n keresztül

Ami a bélyegképeket illeti, a Lightgallery.js lehetővé teszi az animált bélyegképek engedélyezését, akárcsak a YouTube, hogy modernebb hangulatot keltsen. Az animált bélyegképek a YouTube vagy a Vimeo galériájában is aktiválhatók. A Lightgallery.js a beépülő modulban több mint 20 animációt tartalmaz, amelyek segítségével gyönyörű galériákat hozhat létre.

Hozzon létre statikus miniatűrök galériát JavaScript segítségével

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

Testreszabhatja a bélyegképgaléria létrehozását JavaScripten keresztül

 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,
});
 Magyar