Добавляем rel=»lightbox» для всех изображений в блоге

Много раз делал обзоры различных галерей изображений, собрал обширную коллекцию эффектных слайд-шоу и -плагинов. Есть в копилке и Lighbox исключительно на CSS3, без подключения дополнительных js-библиотек. Но время не стоит на месте, пользователи всё чаще используют для сёрфинга интернета различные мобильные устройства, а значит адаптивность веб-элементов и в частности фото-галерей с эффектом « » становится одним из приоритетов, на который веб-дизайнерам и разработчикам стоит обращать внимание.

Представляю очередную подборку из 15 адаптивных jQuery плагинов , которые дружат, как с десктопными браузерами, так и отлично вписываются в экраны различных мобильных устройств (ноутбуки, смартфоны, планшеты и т.д.).

Смотрите демо на сайтах разработчиков, скачивайте понравившийся плагин и творите, творите, творите...

1. iLightbox

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

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

  • Зависимость : jQuery
  • Поддержка браузерами : IE7+, Chrome, Firefox, Safari и Opera
  • Лицензия : А чёрт её знает)))

2. SwipeBox

Swipebox — это плагин JQuery с поддержкой сенсорных экранов мобильных платформ. Помимо изображений плагин поддерживает встраиваемое видео с Youtube и Vimeo. Swipebox очень просто прикрутить к любому проекту, плагин имеет несколько интуитивно-понятных опций для настройки его функционал и поведения. На сайте разработчика подробнейшая документация по подключению и использованию плагина, без лишней воды всё только по делу, так что разобраться что, куда, и зачем, думаю будет не сложно.

  • Зависимость : jQuery
  • Поддержка браузерами : IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android и Windows Phone
  • Лицензия : Не определил, может вам повезёт)))

3. MagnificPopup

Давно известный и хорошо себя зарекомендовавший лайтбокс-плагин на jQuery или Zepto.js. Автор плагина — Дмитрий Семенов, являющийся разработчиком и плагина PhotoSwipe, о котором расскажу чуть ниже. Поставляется в виде плагина jQuery/Zepto, имеет более широкие возможности отсутствующие в PhotoSwipe, такие как поддержка видео, отображение карт и Ajax содержания, реализация модальных окон с встроенными формами. По всем критериям, это ещё один замечательный инструмент в обойме веб-разработчика. Отдельно имеется плагин для WordPress и подробнейшая документация по настройке, и использованию. Удручает только отсутствие документации на Русском, судя по имени и фамилии автор вроде бы Русский, никогда не понимал из-за вредности это, или же из-за мнимого осознания своей навороченности, да мля. Ну да ладно, кому оно надо разберётся, мы тоже чай не всмятку сварены))).

  • Зависимость : jQuery 1.9.1+, или Zepto.js
  • Поддержка браузерами : IE7 (partially), IE8+, Chrome, Firefox, Safari и Opera
  • Лицензия : MIT license

4. PhotoSwipe

  • Зависимость : Javascript или jQuery
  • Поддержка браузерами
  • Лицензия : MIT license

11. FeatherLight

6 к.битный lightbox-плагин, для более-менее подкованных разработчиков, снаряжен всеми самыми необходимыми функциями. Помимо поддержки всех распространённых типов контента(текст, изображения, iframe, Ajax), присутствует возможность подключения дополнительного , а также вы можете разработать своё собственное расширение для этого плагина, которое будет полностью соответствовать вашим потребностям при создании нового проекта. Как всё это хозяйство(разработка расширения) работает, особо не вникал, но те кого этот плагин вставит, думаю разберутся))).

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

12. LightGallery

LightGallery — многофункциональный лайтбокс-плагин с множеством дополнительных возможностей. Поставляется с более чем 20 опций, для настройки мельчайших деталей Lightbox. Здесь есть всё, ну, или почти всё)). Полноценная галерея изображений с аккуратно выстроенными миниатюрами, с элементами навигации и прокруткой миниатюр. Простая html-разметка в виде неупорядоченного списка

    с использованием атрибута data-src для полноразмерных картинок. Тоже самое и с видео из Youtube и Vimeo. Замечательно поддерживает все форматы видео HTML5, MP4, WebM, Ogg... Анимированные миниатюры, адаптивный макет с поддержкой мобильных устройств, слайд-эффекты и плавные переходы появления при переключении изображений, и другого контента. Внешний вид легко формируется и настраивается с помощью CSS. Предварительная загрузка изображений и оптимизация кода. Навигация с помощью клавиатуры для десктопов, а также возможность использования дополнительных шрифт-иконок. LightGallery — вот где настоящий «комбайн», главное не потеряться в обилии настроек и обширных возможностях этого плагина.
    Тем кому нужен приличный слайдер, рекомендую обратить внимание на от этих же разработчиков.

    • Зависимость : jQuery
    • Поддержка браузерами : IE7+, Chrome, Firefox, Safari, Opera, iOS, Android и Windows Phone
    • Лицензия : MIT license

    13. StripJS

    Непривычная, я бы даже сказал: необычная реализация lightbox, точнее, не совсем привычное представление содержания, когда изображение или видео, в оформлении лайтбокса, появляются справа, заполняя при этом не весь экран, а лишь на заданный размер полноразмерной картинки или видео. На больших экранах такой подход понятен, остаётся возможность взаимодействия со страницей. На маленьких экранах мобильных устройств, вся эта инновационная конструкция, плавно переходит в классический «лайтбокс». Задумка интересная, посмотрите демо, может кого и вставит такой креатив.

    • Зависимость : jQuery
    • Поддержка браузерами : IE7+, Chrome, Firefox, Safari, Opera, iOS 5+ и Android 3+
    • Лицензия : Creative Commons BY-NC-ND 3.0 license

    14. LightLayer

    Простой в использовании плагин лайтбокса, который хорошо сочетается с любым проектом и также хорошо смотрится на любом экране. В плагине LightLayer представлен контроль над множеством настроек, такими как изменение цвета фона и степени его прозрачности, положение базового блока, выбор эффектов переходов при открытии/закрытии, функции которыми пользователи могут манипулировать самостоятельно. Плагин отлично работает с содержанием внешних веб-сайтов, встроенными видео-плеерами и картами.

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

    15. FluidBox

    Fluidbox — лайтбокс плагин исключительно для изображений. Количество всевозможных вариаций представления изображений по-настоящему впечатляет. Плагин замечательно работает с изображениями в различном исполнении, включая плавающие изображения, изображение с абсолютным позиционированием, картинки и фотографии обрамлённые рамкой, и имеющие отступы, с одиночными изображениями, и объединёнными в галерею. В общем, что зря воду лить, расписать все возможности плагина в коротеньком представлении всё равно не получится, так что лучше посмотрите демо, покрутите, повертите и думаю, этот плагин понравится многим.

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

    На этом пожалуй и всё! Надеюсь этот небольшой обзор, поможет вам разобраться в ворохе предлагаемых продуктов веб-разработки. Хочу заметить, что далеко не все из представленных в подборке плагины я использовал на рабочих проектах, большинство из них прощупывал на тестовых площадках или на лаколке, так что при возникновении каких-либо вопросов, скорее всего будем их решать вместе, а вместе, как всегда всё у нас получится.

    С Уважением, Андрей

    Обновление 7.08.2018: Сейчас данное решение невозможно скачать из официального репозитория, вероятно, оно больше не поддерживается. В качестве достойной альтернативы рекомендую — настройка максимально простая, работает стабильно.

    Может кто знает как сложно порой оно бывает «править» чужие проекты, которые вы с нуля не создавали — 50% времени уходит на то чтобы понять как все устроено, а остальные на решение поставленной задачи. Первым делом проверил совместимость установленного шаблона путем замены на дэфолтного шаблона вордпресс — проблема осталась. Обновил плагины и проверил их на наличие сомнительных решений — часто заказчики сами устанавливают после сдачи проекта какие-то бессмысленные модули. Ничего не выдавало проблему пока я не скачал HTML версию страницы сайт на локальный компьютер и путем длительных поисков не понял, что конфликт возникал из-за двух библиотек разных плагинов.

    Можно было попытаться организовать один из модулей «программным» путем, например , но это могло повлечь изменение принципов работе с сайтом для заказчика, и его пришлось бы его переучивать, пояснять как что использовать заново. В общем, я решил найти решение через wordpresss плагин и после долгих поисков мне это удалось — Lightbox Plus отличное решение проблемы!

    В отличии от стандартного Lightbox продвинутое решение Lightbox Plus использует скрипт под названием ColorBox, который гораздо лучше и быстрее большинства стандартных JavaScript плагинов. При этом следует также заметить, что Lightbox Plus работает с встроенной в WordPress библиотекой jQuery. Применяется модуль для решение той же задачи — позволяет просматривать увеличенные изображения на сайте с применением специальных эффектов. Поддерживается демонстрация во всплывающем окне как отдельных картинок, так и слайдшоу, видео, форм и даже внешнего содержимого. В качестве фона можно использовать и светлый и темный вариант.

    Требования к скрипту имеются следующие — WordPress 2.8+, PHP 5+, на 4-ой версии может не работать. Модуль тестировался в IE 7+, FireFox 2+, Chrome, Safari 3+, Opera 8+. На момент написания поста на официальном сайте WP доступна Lightbox Plus 2.4.6, которая совместима со свежей версией системы 3.3.1. Я так думаю, это самый актуальный плагин для решения поставленной задачи с эффектной галереей, который сейчас есть.

    Установка плагина Lightbox Plus как и многих других предельно проста — скачиваем архив модуля, распаковываем и загружаем в директорию wp-content/plugins; либо находим модуль и ставим через админку. Еще одним отличием от прошлого Lightbox есть большое число настроек — вы найдете из в разделе «Внешний вид» — «Lightbox Plus»:

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

    Внимание! Если вы хотите чтобы плагин работал со стандартной галереей wordpress, то в настройках «Primary Lightbox — Other Settings» нужно поставить галочку в поле «Use For WP Gallery «. Еще один момент, который я бы советовал подправить находится в блоке «Primary Lightbox — Base Settings » — в самом низу вы можете ввести переводы для ссылок на предыдущую и следующую фотографии и других текстов. Очень важная штука для начинающих пользователей, так как часто локализация требует определенных «дополнительных» навыков. После внесения изменений в настройки сохраняете их и проверяете результат. Сами видите параметров тут просто уйма, можно использовать разные стили и опции, которые только захотите нужно только со всеми ими разобраться детальнее.

    В качестве резюме — преимущества Lightbox Plus перед другими плагинам:

    • Использование скрипта ColorBox, который быстрее, меньше многих стандартных Javascript модулей.
    • Отсутствие конфликтов с некоторыми другими популярными wordpress плагинами. Следует, конечно, заметить, что проблемы все же бывают, все не так гладко, но решаемо — смотрите FAQ.
    • Большая функциональность по сравнению с другими модулями (в том числе и слайдшоу).
    • Громадный выбор настроек для создания именно такого эффекта увеличения, который вы хотите.
    • Быстрая локализация плагина прямо из админки.

    В целом, могу с уверенностью сказать, что в 99% случае выбор плагина для эффектного увеличения картинок за Lightbox Plus. Прошлый «старенький» модуль Lightbox уже и не поддерживается должным образом, да и проигрывает практически по всем показателям. Если еще не успели ознакомиться с данной Plus версией, советую это сделать — модуль хорош.

    P.S. Постовой. На сайте http://eecommerce.ru/ вы найдете каталог бесплатных скриптов интернет магазинов (PrestaShop, VirtueMart, Magento и т.д.). А так же уроки, новости и возможность скачать скрипт. Все скрипты с русификатором.
    Создание неповторимой атмосферы в определенном месте можно сделать через фонтан установить которые поможет компания, профессионально занимающаяся этой услугой.

    Плагины lightbox для WordPress позволяют использовать на сайте всплывающее окно для отображения в нём изображений поверх текущей страницы. Они могут быть использованы для создания красивых веб-сайтов.

    Эти JQuery плагины используются для добавления на сайт всплывающих окон. Когда вы нажимаете на какое-нибудь изображение из галереи слайдов, то это изображение открывается во всплывающем окне вместе с кнопками «следующий», «предыдущий» и «закрыть». Такие плагины являются очень мощным инструментом для любого веб-дизайнера и разработчика, поскольку помогают добиваться весьма красивых эффектов, придающих обычному сайту эффектный и привлекательный вид. Чтобы пользоваться jQuery плагином, вам нужны базовые знания JavaScript и jQuery. Если вы не знаете основ, то просто читайте описание плагина и следуйте инструкции. Каждый год появляется множество новых JQuery плагинов, которые помогают создавать красивые веб-сайты. Эти JQuery плагины имеют удивительные особенности и множество новых функций.

    Лучшие JQuery плагины lightbox для WordPress

    В этой статье мы хотели бы представить вам список некоторых лучших и полезных JQuery плагинов для всплывающих окон за 2015 год , которые могут помочь вам создавать красивые и привлекательные веб-сайты.

    Lightbox Slider Gallery

    Lightbox Slider Gallery – легко управляемая и не занимающая много места jQuery галерея, отображающая изображения и видео.

    WP jQuery Lightbox

    WP jQuery Lightbox – простой и не занимающий много места jQuery плагин для всплывающих окон. Он имеет CSS3 переходы для сглаживающих эффектов и управляемые размеры изображений. Улучшен для мобильных устройств.

    Lightbox Gallery бесплатный мастер, который поможет вам в несколько кликов, без единой строки кода, легко создавать галереи всплывающих изображений с потрясающим эффектом наложения.

    Easy FancyBox

    Easy FancyBox – инструмент для отображения изображений, html-контента и мультимедиа в Macintosh стиле «лайтбокс», появляющихся поверх веб-страницы.

    Lightbox

    Lightbox – легко реагирующий и дружественный к пользователю плагин для всплывающих окон. Этот jQuery плагин очень прост в использовании и не имеет никаких ненужных функций.

    FooBox Image Lightbox

    FooBox Image Lightbox — используется для создания галереи изображений во всплывающем окне просто как «встроенных» слайдеров. Легко реагирующий jQuery плагин, который одинаково хорошо работает как на большом мониторе, так и на планшете или смартфоне.

    Lightbox Plus Colorbox

    Lightbox Plus Colorbox – не занимающий много места настраиваемый плагин для jQuery. Совместим с jQuery 1.3.2+ в браузерах Firefox, Safari, Chrome, Opera, Internet Explorer 7+.

    Royal PrettyPhoto

    Royal PrettyPhoto – ещё один jQuery плагин для всплывающих окон, пригодный для изображений, встроенного контента, iFrames, карт Google, запросов Ajax, видео Vimeo и YouTube.

    Responsive Lightbox by dFactory – плавный, мощный и революционный jQuery плагин для всплывающих окон, который будет полезен амбициозным и креативным веб-дизайнерам и разработчикам.

    Easy Swipebox

    Easy Swipebox – jQuery плагин для рабочего стола, мобильных устройств и планшетов. Это дружественный к пользователю jQuery плагин.

    Magnific Popup

    Magnific Popup – легко реагирующий jQuery плагин для всплывающих окон, ориентированный на то, чтобы обеспечить пользователю наиболее удобную работу с любым устройством (совместимым с Zepto.js).

    Lightbox 2

    Lightbox 2 – небольшая JavaScript библиотека, используемая для отображения изображений поверх текущей страницы. Он прост в установке и работает со всеми современными браузерами.

    Lightbox Plus является одним из самых популярных плагинов, реализующих Lightbox-эффект появления картинки (при клике на уменьшенную копию картинки большая открывается в этом же окне с красивым js-эффектом). Популярность плагина обуславливается двумя вещами: первое – он начинает работать сразу после активации и не требует дополнительной настройки картинок, а второе это то, что настроек в плагине много и при желании настроить плагин можно под любые задачи. Плагин умеет красиво открывать не только картинки, но также и видео, флешки и внешние ссылки. Обычно я не люблю менять работающий хорошо плагин на другой подобный, но тут не удержался и поменял старенький и морально устаревший на Lightbox Plus .

    1. Распаковываем архив.

    2. Копируем папку lightbox-plus в /wp-content/plugins/ .

    3. Заходим в админку блога на вкладку "Плагины " и активируем плагин.

    Как я уже сказал – сразу после активации плагин начинает работать и все картинки у вас уже будут открываться с Lightbox-эффектом. Но настроить плагин все-таки придется, так как надо будет перевести надписи вроде "Image 1 of 2" на "Картинка 1 из 2". Я хотел было перевести сразу весь плагин на русский язык, но бросил это дело на половине, так как, к сожалению, автор плагина забил на поддержку мультиязычности и большую часть плагина нельзя перевести через файлы локализации. Это неприятно по причине того, что настроек в плагине действительно много и разобраться в них сразу человеку, который не владеет английским языком достаточно сложно. Но плюс плагина в том, что обычному пользователю практически ничего настраивать и не надо.

    В любом случае, настроить плагин вы сможете зайдя во "Внешний вид\Lightbox Plus ". Первое, что вы тут увидите это настройка стиля:

    Плагин предлагает 14 встроенных стилей появления картинок. Это единственная настройка плагина, с которой стоит внимательно поиграться, чтобы стиль подходил к дизайну вашего сайта. Но будьте внимательны, так как по умолчанию все стили заточены под английский язык и после перевода слов "previous" и "next" на "предыдущая" и "следующая" эти слова в некоторых стилях могут наезжать друг на друга.

    Это основная настройка плагина, а все остальные настройки находятся в разделе "Primary Lightbox Settings", который содержит подразделы:

    Зайдите в подраздел "Base Settings", именно здесь надо переводить фразы:

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

    Как пользоваться плагином? Да очень просто – вставьте, например, в запись миниатюру картинки и большая картинка при клике на эту миниатюру будет открываться в выбранном вами Lightbox-стиле. Никаких дополнительных действий от вас не требуется. Вот так это будет примерно выглядеть:

    Правда, маленькая оговорка - по умолчанию все картинки будут выводиться в галерее (то есть с кнопками "предыдущая" и "следующая"). Если вы не хотите, чтобы картинки выводились в галерее, то вам надо прописать rel тег для ссылки вида rel="lightbox" . То есть код ссылки должен быть:

    <a href = "http://www..jpg" rel = "lightbox" > <img style = "display: inline" title = border = "0" src = "http://www.s.jpg" / >

    Где "eva1 " это уникальный идентификатор картинки (любое уникальное значение). Если этот идентификатор прописать сразу у двух картинок, то у вас получится галерея из двух картинок. Например, код:

    <p > <a href = "http://www..jpg" rel = "lightbox" > <img style = "display: inline" title = border = "0" alt = align = "middle" src = "http://www.s.jpg" / > <a href = "http://www..jpg" rel = "lightbox" > <img style = "display: inline" title = border = "0" alt = align = "middle" src = "http://www.s.jpg" / > </ p >

    Выведет вот такую галерею:

    Редактировать rel тег можно прямо в редакторе WordPress:

    Все достаточно просто с картинками. Но как вывести видео или другой контент с эффектом Lightbox? Для этого сначала зайдите в настройки плагина и поставьте галку на "Use Secondary Lightbox":

    После клика на "Save settings" появятся дополнительные настройки именно для вставки видео и прочего контента:

    Понравился пост? Подпишись на обновления по или

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

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

    PhotoSwipe

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

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

    Magnific Popup

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

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

    SwipeBox

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

    Lightbox для Bootstrap

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

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

    Nivo Lightbox

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

    • Необходимые библиотеки : JQuery
    • Поддержка браузеров:
    • Лицензия: Лицензия MIT

    ImageLightbox

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

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

    Мини Lightbox

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

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

    LightCase

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

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

    Featherlight

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

    • Необходимые библиотеки : 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 лайтбокс плагин работает с изображениями. Включает поддержку различное отображение, включая плавающее изображение, изображение с абсолютной позиции, изображения с границами и отступами, и галереи. Так же существует 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 License

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то