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