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 анимациями, встроенными в плагин, которые можно использовать для создания красивых галерей.

Создание Static Thumbnails Gallery через JavaScript

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

Создание галереи Thumbnails через 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,
});
 Русский