Чуйний і настроюваний плагін галереї зображень

Lightgallery.js — це корисний засіб зміни розміру та налаштування зображень із відкритим кодом.

Lightgallery.js — це корисний плагін із можливістю налаштування, який ідеально підходить для проектів, які потребують багатьох функцій, коли йдеться про завантаження та відображення відео та зображень на веб-сайтах. Повністю розроблена на JavaScript і CSS, це повнофункціональна галерея лайтбоксів, яка пропонує розробникам багато варіантів.

Безкоштовний плагін Lightgallery.js із відкритим вихідним кодом стане у пригоді, якщо вам потрібні додаткові параметри, крім зміни розміру та завантаження зображень і відео на ваш веб-сайт у формі галереї. Він також зберігає історію перегляду зображень і відео на слайді та надає унікальну URL-адресу для кожного зображення галереї. Він не тільки швидкий, але й легкий, модульний, адаптивний інструмент для створення галереї лайтбоксів, який не знижує продуктивність пам’яті.

Previous Next

Початок роботи з LightGallery

Рекомендований спосіб встановлення LightGallery через NPM. Щоб установити його, скористайтеся наступною командою.

Встановіть LightGallery через NPM

 npm install lightgallery.js

Безкоштовний API JavaScript для обробки зображень

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,
});
 Українська