Лучшие библиотеки лайтбоксов для мобильной отзывчивости (2019)

Lightbox — это один из популярных способов наложения изображений в Интернете. Когда вы нажимаете на изображение, лайтбокс появляется с какой-то формой анимации и затемняет фон, так что вы сосредотачиваетесь на самом изображении. Изображение также больше в масштабе. Самые популярные библиотеки Lightbox JavaScript, которые мы знаем годами, позволяют делать это хорошо на настольном компьютере, но не так много на мобильных платформах.

Пренебрежение этим и необходимость отзывчивости в настоящее время не очень хорошая идея, поэтому эту коллекцию из 15 отзывчивых библиотек Lightbox необходимо проверить.

Больше на Hongkiat:
PhotoSwipe
PhotoSwipe, безусловно, мой любимый плагин ligthbox. Это легкое, сенсорное и, что самое главное, модульное решение, которое позволяет мне рвать несколько ненужных деталей. Хорошо работает в мобильных браузерах. Вы можете пролистывать изображения пальцами, как в обычном приложении, и переход проходит очень плавно.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Зависимость: нет
Поддержка браузеров: IE8 +, Chrome, Firefox, Safari, Opera и несколько мобильных браузеров.
Лицензия: лицензия MIT

MagnificPopup
MagnificPopup — еще один плагин для лайтбокса, разработанный тем же человеком, который подарил нам PhotoSwipe, Дмитрия Семенова. Он поставляется в виде плагина jQuery / Zepto, а также предоставляет возможности, которые отсутствуют в PhotoSwipe, такие как поддержка видео, карты и содержимого Ajax. Это отличная альтернатива для тех, кто предпочитает иметь больше возможностей под рукой.

Зависимость: jQuery 1.9.1+ или Zepto.js
Поддержка браузера: IE7 (частично), IE8 +, Chrome, Firefox, Safari и Opera.
Лицензия: лицензия MIT

SwipeBox
Swipebox — это плагин jQuery с поддержкой сенсорных жестов для мобильной платформы. Он также поддерживает видео с Youtube и Vimeo помимо изображений. Swipebox также прост в реализации и имеет несколько опций для настройки его поведения. Я думаю, что Swipebox — отличный плагин для лайтбоксов для нубов JavaScript.

Зависимость: jQuery
Поддержка браузеров: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android и Windows Phone.
Лицензия: Неопределенный

iLightbox
iLighbox — это плагины jQuery для лайтбоксов с широким спектром поддержки типов мультимедиа: видео, Flash / SWF, Ajax, iframe и карт. Этот плагин также добавляет кнопки социальных сетей поверх медиафайлов, позволяя пользователям делиться ими с Facebook, Twitter или Reddit. Также проверьте расширенный раздел чтобы увидеть, как iLightbox может применяться в разных сценариях.

Зависимость: jQuery
Поддержка браузера: IE7 +, Chrome, Firefox, Safari и Opera
Лицензия: Неопределенный

Лайтбокс для Bootstrap
Лайтбокс — одна из явно недостающих частей Bootstrap. Этот плагин исправляет это. Если вы используете Bootstrap, я настоятельно рекомендую использовать эту библиотеку. Плагин хорошо интегрирован с кодовой базой Bootstrap.

Зависимость: jQuery и Бутстрап Модал
Поддержка браузеров: IE8 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия GNU

Лайтбокс Nivo
Nivo Lightbox — гибкий плагин лайтбокса. Несколько параметров включены, чтобы изменить внешний вид так, как вам нравится, например, изменение темы, эффект перехода и переключение навигации.

Зависимость: jQuery
Поддержка браузеров: IE9 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия MIT

ImageLightbox
ImageLightbox — плагин лайтбокса без раздувания. Он создан специально для изображения, отсюда и название — не поддерживается видео или другой тип мультимедиа. Это также не требует посторонней разметки HTML; Элемент достаточно. Плагин просто работает.

Зависимость: jQuery
Поддержка браузеров: IE9 +, Chrome, Firefox, Safari и Opera
Лицензия: Неопределенный

Мини лайтбокс
Еще один плагин для лайтбокса, в котором нет ничего такого. Библиотека всего 2кб, и работает только с изображениями. Это идеальный плагин, если вы используете только последний браузер и вам не нужно накладывать другие типы мультимедиа, например видео.

Зависимость: нет
Поддержка браузеров: IE10 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия MIT

LightCase
Lightcase — прекрасный плагин лайтбокса. Он поставляется с несколькими анимациями, которые оживляют взаимодействие с пользователем, такими как затухание, эластичное масштабирование и прокрутка. Кроме того, он также поддерживает различные типы мультимедиа, включая YouTube для вставки, HTML-видео, SWF и формы ввода. Плагин также правильно обрабатывает медиа не может быть достигнут или найдены ошибки

Зависимость: jQuery
Поддержка браузеров: IE9 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия GPL

Yalb
Yalb означает «Ещё один лайтбокс», но это не так. Yalb поставляется с несколькими API, включая настраиваемые события, которые позволяют вам определять состояния лайтбокса, например, когда он открыт и когда он закрыт. Ялб выпускается в двух версиях, Ванильный JavaScript а также плагин jQuery,

Зависимость: нет
Поддержка браузеров: IE9 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия MIT

легчайшие
Featherlight 6 Кб — это простой плагин для опытных разработчиков, в котором есть только самое необходимое. Если вам нужно, например, сгруппировать лайтбокс изображения в галерее, вы можете включить расширение галереи, Вы также можете разработать собственное расширение для этого плагина, чтобы оно соответствовало потребностям вашего проекта.

Зависимость: jQuery
Поддержка браузеров: IE8 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия MIT

LightLayer
LightLayer — простой в использовании плагин для лайтбокса. Он имеет несколько параметров, пользовательских методов JavaScript и пользовательских событий. Плагин работает с изображениями, видео, картами и внешним контентом. Что еще мы можем спросить.

Зависимость: jQuery
Поддержка браузеров: IE9 +, Chrome, Firefox, Safari и Opera
Лицензия: лицензия MIT

LightGallery
LightGallery, еще один плагин лайтбокса с множеством добавленных функций. Он поставляется с более чем 20 вариантами настройки мельчайших деталей лайтбокса.

Зависимость: jQuery
Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android и Windows Phone
Лицензия: лицензия MIT

FluidBox
Fluidbox — это плагин для лайтбокса, созданный по мотивам Medium. Он работает с изображениями при различных обстоятельствах, включая плавающее изображение, изображение с абсолютным положением, изображения с рамкой и отступами, а также галереи. Проверять, выписываться как это было построено, Если вам нужен плагин WordPress, есть один,

Зависимость: jQuery
Поддержка браузера: IE9 +, Chrome, Firefox, Safari, Opera
Лицензия: лицензия MIT

StripJS
StripJS — это уникальный плагин лайтбокса. Вместо того, чтобы накладывать изображение, плагин вставляет изображения сбоку, чтобы не блокировать весь контент. StripJS поддерживает как изображения, так и видео.