Лучшие библиотеки лайтбоксов для мобильной отзывчивости (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 поддерживает как изображения, так и видео.
- Зависимость: jQuery
- Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ и Android 3+
- Лицензия: лицензия Creative Commons BY-NC-ND 3.0
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)