1. Produkti
  2.   Attēls
  3.   JavaScript
  4.   LightGallery
 
  

Adaptīvs un pielāgojams attēlu galerijas spraudnis

Lightgallery.js ir noderīgs un atvērtā koda attēlu izmēru mainītājs un pielāgotājs.

Lightgallery.js ir noderīgs un ļoti pielāgojams spraudnis, kas ir lieliski piemērots projektiem, kuriem ir nepieciešams daudz funkciju, lai ielādētu un parādītu videoklipus un attēlus vietnēs. Pilnībā izstrādāta JavaScript un CSS, tā ir pilna funkcionalitāte Lightbox galerija, kas piedāvā izstrādātājiem daudzas iespējas.

Kā atvērtā koda bezmaksas spraudnis Lightgallery.js ir noderīgs, ja jums ir nepieciešamas citas papildu iespējas, nevis attēla un video līdzekļu lieluma maiņa un augšupielāde jūsu vietnē galerijas veidā. Tas arī saglabā attēlu un videoklipu pārlūkprogrammas vēsturi slaidā un nodrošina unikālu URL katram galerijas attēlam. Tas ir ne tikai ātrs, bet arī viegls, modulārs, atsaucīgs gaismas kastes galerijas veidotājs, kas netraucē atmiņas veiktspēju.

Previous Next

Darba sākšana ar LightGallery

Ieteicamais veids, kā instalēt LightGallery, izmantojot NPM. Lūdzu, izmantojiet šo komandu, lai to instalētu.

Instalējiet LightGallery, izmantojot NPM

 npm install lightgallery.js

Bezmaksas JavaScript API attēlu manipulācijai

Lightgallery.js ir aprīkots ar daudziem iebūvētiem moduļiem, piemēram, sīktēlu izveidei, pilna ekrāna izveidei, tuvināšanai un tālināšanai utt., kurus var atmest, ja tie nav nepieciešami. Varat arī pievienot savus moduļus atkarībā no jūsu projekta prasībām. Pretstatā JavaScript metodei attēlu un videoklipu izmēru maiņai, Lightgallery.js izmanto tikai CSS pieeju, lai pielāgotu lielumu, padarot to ievērojami ātrāku un elastīgāku. Vienkārši atjauninot galerijas SASS mainīgos, varat viegli pielāgot spraudni savām vajadzībām.

Izveidojiet sīktēlus, izmantojot bezmaksas JavaScript API

Runājot par sīktēliem, Lightgallery.js ļauj iespējot animētus sīktēlus tāpat kā YouTube, lai radītu modernāku sajūtu. Animētus sīktēlus var aktivizēt arī jūsu YouTube vai Vimeo galerijai. Lightgallery.js ir aprīkots ar vairāk nekā 20 spraudnī iebūvētām animācijām, kuras var izmantot, lai izveidotu skaistas galerijas.

Izveidojiet statisku sīktēlu galeriju, izmantojot JavaScript

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

Pielāgojiet sīktēlu galerijas izveidi, izmantojot 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,
});
 Latviski