1. Продукти
  2.   Образ
  3.   JavaScript
  4.   LightGallery
 
  

Отзивчив и адаптивен плъгин за галерия с изображения

Lightgallery.js е полезен инструмент за преоразмеряване и персонализиране на изображения с отворен код.

Lightgallery.js е полезна и много адаптивна добавка, която е идеална за проекти, които изискват много функции, когато става въпрос за зареждане и показване на видеоклипове и изображения на уебсайтове. Разработен изцяло в JavaScript и CSS, това е пълнофункционална галерия с лайтбокс, която предлага на разработчиците много опции.

Като отворен код, безплатният за използване плъгин Lightgallery.js е полезен, когато имате нужда от тези допълнителни опции, различни от преоразмеряване и качване на изображения и видео активи на вашия уебсайт под формата на галерия. Той също така съхранява историята на браузъра на изображенията и видеоклиповете в слайд и предоставя уникален URL за всяко изображение в галерията. Той е не само бърз, но и лек, модулен, отзивчив създател на галерия с лайтбокс, който не пречи на производителността на паметта.

Previous Next

Първи стъпки с LightGallery

Препоръчителният начин за инсталиране на LightGallery чрез NPM. Моля, използвайте следната команда, за да го инсталирате.

Инсталирайте LightGallery чрез NPM

 npm install lightgallery.js

Безплатен JavaScript API за манипулиране на изображения

Lightgallery.js идва с много вградени модули като създаване на миниатюри, цял екран, увеличаване и намаляване и т.н., които могат да бъдат изхвърлени, ако не ви трябват. Можете също да добавите свои собствени модули в зависимост от изискванията на вашия проект. За разлика от JavaScript метода за преоразмеряване на изображения и видеоклипове, Lightgallery.js използва само CSS подход за адаптивно преоразмеряване, което го прави значително по-бърз и по-гъвкав. Като просто актуализирате SASS променливите на вашата галерия, можете лесно да персонализирате приставката, за да отговаря на вашите нужди.

Създавайте миниатюри чрез безплатен JavaScript API

Когато става въпрос за миниатюри, Lightgallery.js ви позволява да активирате анимирани миниатюри точно като YouTube, за да придадете по-модерно усещане. Анимираните миниатюри също могат да бъдат активирани за вашата YouTube или Vimeo галерия. Lightgallery.js идва с повече от 20 анимации, вградени в плъгина, които могат да се използват за създаване на красиви галерии.

Създайте галерия със статични миниатюри чрез JavaScript

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

Персонализирайте създаването на галерия с миниатюри чрез 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,
});
 Български