Полноэкранные слайд-шоу Lightbox с Lightgallery.js
Любой замечательный блог или сайт-портфолио может извлечь выгоду из модальное лайтбокс слайдшоу. Это может быть хорошо для демонстрация похожих фотографий или позволяя посетителям просмотреть портфолио работ (дизайн, искусство, фотография).
С lightgallery.js, ты только установить библиотеку а также пусть работает. Вы можете настроить его с любым количеством фотографий и каждый слайд занимает весь экран.
Я очень предпочитаю этот плагин, чем другие слайд-шоу, которые занимают только часть экрана. С lightgallery.js, все внимание переходит на слайд-шоу и первое видимое изображение.
В нижней части каждого слайда вы можете найти небольшое описание со ссылками или любым другим текстом, который вы хотите.
В верхнем правом углу вы увидите серия кнопок за расширенные функции. По порядку они идут так:
- Воспроизвести слайд-шоу
- Увеличить / уменьшить
- Полноэкранный браузер
- Социальный обмен
- Загрузка изображения
- Закрыть слайд-шоу
Вы можете выбрать, какие из этих кнопок вы хотите отобразить с помощью редактирование параметров когда вы вызываете плагин.
На самом деле, я поражен тем, как много деталей вошло в документацию. У него есть детали для опции а также методы обратного вызова. Но вы также найдете информацию для пользовательские атрибуты данных, Sass переменные, и даже API плагинов строить модули на Lightgallery.
О, и я уже говорил, что это полностью мобильно? Вы можете провести фотографии по галерее пальцем или даже мышью.
Это идеальный выбор для дизайнера или фотографа, который хочет блестящим способом показать свое портфолио на своем сайте..
Вы можете даже вставлять фреймы или видео с таких сайтов, как YouTube или Vimeo. Это действительно лучший плагин галереи лайтбоксов, предлагающий наилучший пользовательский опыт.
Эта библиотека безо всяких зависимостей и это работает на чистом JavaScript. Но это хорошо играет с большими библиотеками такие как jQuery или Bootstrap, а также.
Если вы предпочитаете это как плагин jQuery есть плагин lightgallery.js, портированный для пользователей jQuery. Вы можете увидеть полное демо на демонстрационная страница или проверить ручка ниже. И если вам нужно исходный код направиться к GitHub репо а также захватить копию для себя.
