lightbox-thumb

14 адаптивных Lightbox плагинов

  • 10, Апрель, 2015

Самой популярной библиотекой является Lightbox Javascript, которую мы много лет используем на десктопах, но не на мобильных платформах.

Предоставляю вашему внимаю 14 Lightbox плагинов с поддержкой мобильных платформ.


PhotoSwipe

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

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

photoswipe-lightbox


Magnific Popup

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

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

Magnific Popup-lightbox


SwipeBox

Swipebox плагин JQuery с поддержкой сенсорных жестов для мобильных платформ. Он также поддерживает видео с Youtube и Vimeo, помимо изображений. Swipebox легко установить, и имеет несколько опций для настройки его настройки. Я думаю, Swipebox слишком нагромождённый лайтбокс плагин для незнающих JavaScript.

  • Необходимые библиотеки: JQuery
  • Поддержка браузеров: IE9 +, Chrome, Safari, Firefox, Opera, iOS4 +, Android, и Windows Phone.
  • Лицензия: Не определена

SwipeBox-lightbox-plugin


iLightbox

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

  • Необходимые библиотеки: JQuery
  • Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, и Opera
  • Лицензия: Не определено

iLightbox-lightbox-plugin


Lightbox для Bootstrap

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

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

lightbox_bootstrap-lightbox


Nivo Lightbox

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

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

Nivo-Lightbox-lightbox


ImageLightbox

ImageLightbox простой лайтбокс плагин без наворотов. Он используется только для изображения, отсюда и название. Ни видео, ни другой типы не поддерживаются. Он также не требует дополнительную HTML-разметку; тега <IMG> является достаточным. Этот плагин прост в работе.

  • Необходимые библиотеки: JQuery
  • Поддержка браузеров: IE9 +, Chrome, Firefox, Safari, и Opera
  • Лицензия: Не определена

ImageLightbox-plugin


Мини Lightbox

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

  • Необходимые библиотеки: нет
  • Поддержка браузеров: Internet Explorer 10 +, Chrome, Firefox, Safari, и Opera
  • Лицензия: Лицензия MIT

Mini-Lightbox-plugin


LightCase

Lightcase прекрасной лайтбокс плагин. Поддерживает несколько видов анимаций, такие как: fade, elastic, zoom и scrolling. Кроме того, он также поддерживает различные виды медиа, включая Youtube Embed, HTML видео, SWF и форм ввода.

  • Необходимые библиотеки: JQuery
  • Поддержка браузеров: IE9 +, Chrome, Firefox, Safari, и Opera
  • Лицензия: GPL лицензии

LightCase-lightbox_plugin


Featherlight

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

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

FeatherLight-lightbox_plugin


LightLayer

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

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

lightlayer-plugin


LightGallery

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

  •  Необходимые библиотеки: JQuery
  • Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android, и Windows Phone
  • Лицензия: Лицензия MIT

LightGallery-plugin


FluidBox

Fluidbox лайтбокс плагин работает с изображениями. Включает поддержку различное отображение, включая плавающее изображение, изображение с абсолютной позиции, изображения с границами и отступами, и галереи. Так же существует WordPress плагин.

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

FluidBox-plugin-lightbox


StripJS

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

  • Необходимые библиотеки: JQuery
  • Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+, и Android 3 +
  • Лицензия: Creative Commons BY-NC-ND 3.0 License

StripJS-lightbox-plugin

Источник: http://www.hongkiat.com/