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

    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