15 библиотек лайтбоксов для мобильной отзывчивости

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

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

Больше на Hongkiat:

• Простое создание модального окна с помощью HTML5
• Топ 10 бесплатных адаптивных изображений галереи / слайд-шоу
• Создание, контроль и настройка лучшего модального окна для вашего сайта с помощью Vex
• Галерея изображений и слайдеры jQuery - Best Of

PhotoSwipe

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

• зависимость: Никто
• Поддержка браузера: 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

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

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

Ниво лайтбокс

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

• зависимость: 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, включая настраиваемые события, которые позволяют вам определять состояния лайтбокса, например, когда он открыть и когда это близко. Yalb выпускается в двух версиях: Vanilla JavaScript и плагин jQuery..

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

легчайшие

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

• зависимость: 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