15 Lightbox библиотеки за мобилна отзивчивост

Лайтбоксът е един популярен начин наслагване на изображения в мрежата. Когато кликнете върху изображение, Lightbox се появява с някаква форма на анимация и затъмнява фона, така че фокусът ви е върху самото изображение. Изображението също е по-голямо по мащаб. Най-популярните JavaScript библиотеки на Лайтбокс, които познаваме от години, ви позволяват да го правите добре на десктоп, но не толкова на мобилни платформи.

Пренебрегването на това и необходимостта от отзивчивост днес не е добра идея, поради което тази колекция от 15 отзивчиви библиотеки от Лайтбокс трябва да се провери.

Повече за Hongkiat:

• Създаване на модален прозорец лесно с диалоговия прозорец HTML5
• Топ 10 безплатни отзивчиви галерии с изображения / слайдшоута
• Създаване, контрол и персонализиране на по-добро модално прозорче за вашия сайт, използвайки Vex
• Галерии с изображения и плъзгачи - най-доброто от

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 noobs.

• Зависимост: jQuery
• Поддръжка на браузър: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android и Windows Phone.
• Разрешително: неопределен

iLightbox

iLighbox е плъгини за jQuery lightbox с широка гама поддръжка на типове медии: включително видеоклипове, Flash / SWF, съдържание на Ajax, iframe и карти. Този плъгин също добавя бутони за социални медии върху медиите, което позволява на потребителите да го споделят с Facebook, Twitter или Reddit. Също така разгледайте раздела за напреднали, за да видите как iLightbox може да се приложи в различни сценарии.

• Зависимост: jQuery
• Поддръжка на браузър: IE7 +, Chrome, Firefox, Safari и Opera
• Разрешително: неопределен

Лайтбокс за Bootstrap

Lightbox е един от изненадващо липсващите парчета от Bootstrap. Този плъгин коригира това. Ако използвате Bootstrap, аз силно препоръчвам да използвате тази библиотека. Плъгинът е добре интегриран с кодовата база на Bootstrap.

• Зависимост: jQuery и Bootstrap Modal
• Поддръжка на браузър: IE8 +, Chrome, Firefox, Safari и Opera
• Разрешително: Лиценз за GNU

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

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

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

ImageLightbox

ImageLightbox е плъгин за лайтбокс без подуване. Той е създаден специално за изображение, откъдето идва и името - без видео или друг тип носител. Той също така не изисква външен HTML код; на елемент е достатъчен. Приставката просто работи.

• Зависимост: jQuery
• Поддръжка на браузър: IE9 +, Chrome, Firefox, Safari и Opera
• Разрешително: неопределен

Мини лайтбокс

Друг плъгин за лайтбокс с нищо от подуването. Библиотеката е само 2kb и работи само с изображения. Това е идеалният плъгин, ако определяте само най-новия браузър и не е необходимо да припокривате други типове медии, като видеоклипове.

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

LightCase

Lightcase е прекрасен плъгин за lightbox. Той идва с няколко анимации, които правят потребителското взаимодействие оживено, като избледняване, еластично мащабиране и превъртане. Освен това, той поддържа различни видове медии, включително YouTube вграждане, HTML видеоклипове, SWF и входни форми. Плъгинът също така правилно обработва носителите не може да бъде достигнат или намерени грешки

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

Yalb

Yalb означава "Another Another Lightbox" - но това не е така. Yalb идва с шепа API, включително персонализирани събития, които ви позволяват да идентифицирате състоянията на светлинните кутии, като например кога отворен и когато е близо. Yalb се предлага в две версии, Vanilla JavaScript и jQuery плъгин.

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

FeatherLight

6kb Featherlight е гола приставка за разбирам разработчик и носи само най-важното. Ако се нуждаете, например, за да групирате лайтбокса за изображение в галерия, можете да включите разширението на галерията. Можете също така да разработите собствено разширение за този плъгин, за да се побере в нуждите на вашия проект.

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

LightLayer

LightLayer е лесен за използване плъгин за лайтбокс. Той има няколко опции, персонализирани JavaScript методи и персонализирани събития. плъгинът работи с изображения, видеоклипове, карти и външно съдържание. Нещо повече можем да поискаме.

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

LightGallery

LightGallery, друг плъгин за lightbox с много добавени функции. Той идва с повече от 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