Лайтбокс вордпресс. Плагин Lightbox Gallery — красивое разворачивание изображений в WordPress
Эффект lightbox позволяет пользователям просматривать большие версии изображений без необходимости покидать текущую страницу.
Важно! Любые работы, по редактированию и изменению основного кода файлов вашего шаблона, необходимо начинать при наличие . Она нужна для восстановления сайта в случае фатальных ошибок при редактировании.
Эффект lightbox
Код для добавления атрибута rel=»lightbox»
Функция lightbox определяет, какие изображения будут показаны в модальном окне через XHTML «rel» атрибут, который используется в элементе обернутого вокруг .
Чтобы применить ко всем фотографиям размещенным в статьях WordPress эффект всплывающего (модального) окна lightbox во все тег ссылки на фото, нужно добавить атрибут.
Для этого есть, вот такой код.
Add_filter("the_content", "addrellightbox"); function addrellightbox($content) { global $post; $pattern ="//i"; $replacement = "post_title.""$6>"; $content = preg_replace($pattern, $replacement, $content); return $content; }
По сути это фильтр, по которому ко всем ссылкам, ведущим к файлам bmp, gif, jpeg, jpg и png добавляется атрибут rel=»lightbox». Причем это код добавляет атрибут как к ссылкам на само фото (Медиафайл), так и на страницу с фото (страницу вложения attachment)
Для ее активации нужно показанный выше код вставить в файл functions.php, шаблона WordPress. Вставить код нужно в любое место файла, только не попасть в другую функцию php.
Редактировать Файл functions.php, можно на вкладке Внешний вид → Редактор→Функции темы (functions.php).
На этом про эффект lightbox для показа фотографий на WordPress без плагина все!
Много раз делал обзоры различных галерей изображений, собрал обширную коллекцию эффектных слайд-шоу и -плагинов. Есть в копилке и 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
- Зависимость : jQuery
- Поддержка браузерами : IE7+, Chrome, Firefox, Safari, Opera, iOS 5+ и Android 3+
- Лицензия : Creative Commons BY-NC-ND 3.0 license
- Зависимость : jQuery
- Поддержка браузерами : IE9+, Chrome, Firefox, Safari и Opera
- Лицензия : MIT license
- Зависимость : jQuery
- Поддержка браузерами : IE9+, Chrome, Firefox, Safari, Opera
- Лицензия : MIT license
- Необходимые библиотеки: нет.
- Поддержка браузеров: IE8 +, Chrome, Firefox, Safari, Opera, и другие мобильные браузеры.
- Лицензия: Лицензия MIT
- Необходимые библиотеки: JQuery 1.9.1+ или Zepto.js
- Поддержка браузеров: IE7 (частично), .
- Лицензия: Лицензия MIT
- Необходимые библиотеки : JQuery и Bootstrap модуль
- Поддержка браузеров: IE8 +, Chrome, Firefox, Safari, и Opera
- Лицензия: GNU лицензия
- Необходимые библиотеки : JQuery
- Поддержка браузеров:
- Лицензия: Лицензия MIT
- Необходимые библиотеки : JQuery
- Поддержка браузеров: IE9 +, Chrome, Firefox, Safari, и Opera
- Лицензия: Не определена
- Необходимые библиотеки : нет
- Поддержка браузеров: Internet Explorer 10 +, Chrome, Firefox, Safari, и Opera
- Лицензия: Лицензия MIT
- Необходимые библиотеки: JQuery
- Поддержка браузеров: IE9 +, Chrome, Firefox, Safari, и Opera
- Лицензия: GPL лицензии
- Необходимые библиотеки : JQuery
- Поддержка браузеров: IE8 +, Chrome, Firefox, Safari, и Opera
- Лицензия: Лицензия MIT
- Необходимые библиотеки: JQuery
- Поддержка браузеров: IE9 +, Chrome, Firefox, Safari, и Opera
- Лицензия: Лицензия MIT
- Необходимые библиотеки : JQuery
- Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android, и Windows Phone
- Лицензия: Лицензия MIT
- Необходимые библиотеки: JQuery
- Поддержка браузеров: IE9 +, Chrome, Firefox, Safari, Opera
- Лицензия: Лицензия MIT
- Необходимые библиотеки : JQuery
- Поддержка браузеров: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+, и Android 3 +
- Лицензия: Creative Commons BY-NC-ND 3.0 License
- Вы хотите, чтобы пользователи оставались на конкретной странице, а не переходили в новую вкладку при просмотре картинки или видео.
- Более активное взаимодействие пользователей с медиа элементом.
- Вы управляете WordPress сайтом с большим количеством медиа элементов, например, для фотографов или дизайнеров.
- Для привлечения клиентов или увеличения их коэффициента конверсии.
Тем кому нужен приличный слайдер, рекомендую обратить внимание на от этих же разработчиков.
13. StripJS
Непривычная, я бы даже сказал: необычная реализация lightbox, точнее, не совсем привычное представление содержания, когда изображение или видео, в оформлении лайтбокса, появляются справа, заполняя при этом не весь экран, а лишь на заданный размер полноразмерной картинки или видео. На больших экранах такой подход понятен, остаётся возможность взаимодействия со страницей. На маленьких экранах мобильных устройств, вся эта инновационная конструкция, плавно переходит в классический «лайтбокс». Задумка интересная, посмотрите демо, может кого и вставит такой креатив.
14. LightLayer
Простой в использовании плагин лайтбокса, который хорошо сочетается с любым проектом и также хорошо смотрится на любом экране. В плагине LightLayer представлен контроль над множеством настроек, такими как изменение цвета фона и степени его прозрачности, положение базового блока, выбор эффектов переходов при открытии/закрытии, функции которыми пользователи могут манипулировать самостоятельно. Плагин отлично работает с содержанием внешних веб-сайтов, встроенными видео-плеерами и картами.
15. FluidBox
Fluidbox — лайтбокс плагин исключительно для изображений. Количество всевозможных вариаций представления изображений по-настоящему впечатляет. Плагин замечательно работает с изображениями в различном исполнении, включая плавающие изображения, изображение с абсолютным позиционированием, картинки и фотографии обрамлённые рамкой, и имеющие отступы, с одиночными изображениями, и объединёнными в галерею. В общем, что зря воду лить, расписать все возможности плагина в коротеньком представлении всё равно не получится, так что лучше посмотрите демо, покрутите, повертите и думаю, этот плагин понравится многим.
На этом пожалуй и всё! Надеюсь этот небольшой обзор, поможет вам разобраться в ворохе предлагаемых продуктов веб-разработки. Хочу заметить, что далеко не все из представленных в подборке плагины я использовал на рабочих проектах, большинство из них прощупывал на тестовых площадках или на лаколке, так что при возникновении каких-либо вопросов, скорее всего будем их решать вместе, а вместе, как всегда всё у нас получится.
С Уважением, Андрей
Самой популярной библиотекой является Lightbox Javascript, которую мы много лет используем на десктопах, но не на мобильных платформах.
Предоставляю вашему внимаю 14 Lightbox плагинов с поддержкой мобильных платформ.
PhotoSwipe
PhotoSwipe — Легкий, с сенсорной поддержкой, и самое главное модульный плагин, что позволяет убирать не нужные части, которые не нужны. Он работает хорошо в мобильных браузерах. Вы можете менять изображения с помощью движения пальца, как если бы это было стандартное приложение, с плавными переходами.
Magnific Popup
Magnific Popup — является еще одним лайтбокс плагином, разработанный тем же автором, что и PhotoSwipe, Дмитрием Семеновыв. Плагин поставляется в виде плагина JQuery / Zepto, а также включает поддержку, которая отсутствует в PhotoSwipe, такие как: поддержка видео, карт и Ajax. Это отличная альтернатива для тех, кто предпочитает иметь больше возможностей под рукой.
SwipeBox
Swipebox плагин JQuery с поддержкой сенсорных жестов для мобильных платформ. Он также поддерживает видео с Youtube и Vimeo, помимо изображений. Swipebox легко установить, и имеет несколько опций для настройки его настройки. Я думаю, Swipebox слишком нагромождённый лайтбокс плагин для незнающих JavaScript.
Lightbox для Bootstrap
Изначально Лайтбокс плагин отсутствует в Bootstrap. Lightbox для Bootstrap исправляет это. Если вы используете Bootstrap, настоятельно рекомендуется использовать эту библиотеку. Плагин хорошо интегрируется с Bootstrap.
Nivo Lightbox
Nivo Lightbox — это гибко настраиваемый лайтбокс плагин. Разнообразные опции позволяют изменить внешний вид. Например: тему, анимацию появления, и вида навигации.
ImageLightbox
ImageLightbox простой лайтбокс плагин без наворотов. Он используется только для изображения, отсюда и название. Ни видео, ни другой типы не поддерживаются. Он также не требует дополнительную HTML-разметку; тега является достаточным. Этот плагин прост в работе.
Мини Lightbox
Еще один лайтбокс плагин без дополнений. Библиотека весит всего 2 килобайта, и работает только с изображениями. Это идеальный плагин, если вы разрабатываете только для последней версии браузера и нет необходимости в поддержке видео или других форматов.
LightCase
Lightcase прекрасной лайтбокс плагин. Поддерживает несколько видов анимаций, такие как: fade, elastic, zoom и scrolling. Кроме того, он также поддерживает различные виды медиа, включая Youtube Embed, HTML видео, SWF и форм ввода.
Featherlight
Featherlight базовый плагин, весом 6 килобайт для разбирающихся разработчиков и включает в себя только самое необходимое. Если вам нужен лайтбокс эффект, например, для группы изображений в галерее, вы можете включить расширение галереи. Вы также можете разработать свое собственное расширение для плагина, чтобы использовать в своих проектах.
LightLayer
LightLayer простой в использовании лайтбокс плагин. Плагин поддерживает множество опций, пользовательские JavaScript методы и пользовательских событий. Плагин работает с изображениями, видео, картами.
LightGallery
LightGallery , другой лайтбокс плагин с большим количеством функций. Он включает более чем 20 опций для настройки различных деталей лайтбокс эффектов.
FluidBox
Fluidbox лайтбокс плагин работает с изображениями. Включает поддержку различное отображение, включая плавающее изображение, изображение с абсолютной позиции, изображения с границами и отступами, и галереи. Так же существует WordPress плагин.
StripJS
StripJS уникальным лайтбокс плагин. Вместо наложения изображения, модуль лайтбокс скользит вместе с изображением от стороны в сторону, так что изображение не будет блокировать все содержимое. StripJS поддерживает как изображения так и видео.
В этой статье собраны лучшие jQuery Lightbox плагины, которые помогут вам в создании красивых веб-сайтов.
Эти jQuery плагины используются для добавления на сайт всплывающих окон. Такие плагины являются очень мощным инструментом для любого веб-дизайнера и разработчика, поскольку помогают добиваться весьма красивых эффектов, придающих обычному сайту эффектный и привлекательный вид. Чтобы пользоваться jQuery плагином, вам нужны базовые знания JavaScript и jQuery. Если вы не знаете основ, то просто читайте описание плагина и следуйте инструкции.
LightZoom
Начну с плагина, написанного мной — . Работу плагина вы можете увидеть в этой статье — все изображения кликабельны. Моей целью при его разработке было сделать простой лайтбокс только изображений, без эффектов слайдшоу и т.п.
Легкий, с сенсорной поддержкой, и самое главное модульный плагин, что позволяет убирать не нужные части, которые не нужны. Он работает хорошо в мобильных браузерах. Вы можете менять изображения с помощью движения пальца, как если бы это было стандартное приложение, с плавными переходами.
Lightbox для Bootstrap
Изначально лайтбокс плагин отсутствует в Bootstrap. исправляет это. Если вы используете Bootstrap, рекомендуется использовать эту библиотеку. Плагин хорошо интегрируется с Bootstrap.
Strip
Strip уникальный лайтбокс плагин. Вместо наложения изображения, модуль лайтбокс скользит вместе с изображением от стороны в сторону, так что изображение не будет блокировать все содержимое. Strip поддерживает как изображения так и видео.
— это библиотека JavaScript для создания адаптивных лайтбокс галерей. Легкая и совместимая с мобильной версией, ее легко кастомизировать и использовать плавные переходы изображений в CSS3.
Rebox
Rebox очень легкий и быстрый лайтбокс для контента. В основном, конечно, для изображений. Для инициализации плагина необходимо только подключить библиотеку JS и CSS.
Прекрасный лайтбокс плагин. Поддерживает несколько видов анимаций, такие как: fade, elastic, zoom и scrolling. Кроме того, он также поддерживает различные виды медиа, включая Youtube Embed, HTML видео, SWF и форм ввода.
LightGallery
LightGallery — это легко настраиваемый jQuery плагин для создания адаптивной галереи. В нем есть абсолютно все, что Вам необходимо: просмотр в лайтбоксе, слайд-шоу, увеличение на весь экран, превьюшки. Также пользователь, который просматривает галерею, может сразу скачать картинку.
В отличии от некоторых своих собратьев по цеху, не является комбайном по отображению чего угодно во всплывающем окне. Плагин создан и работает только с целью показа изображений – как одиночных, так и в составе набора (галереи), но от этого не становится менее привлекательным.
jQuery Lightbox Plugin
Плагин jQuery LightBox простой, изящный, ненавязчивый, не требует дополнительной разметки и используется для наложения изображений на текущей странице благодаря мощности и гибкости селектора jQuery.
Позволяет создавать диалоговые окна в стиле facebook, при этом допускается создавать диалоговые окна с помещением в них простого текста некоторых элементов, изображений, ajax страниц.
Служит для создания фотогалерей и вывода другого контента в красивых модальных окнах. Если вы планируете на сайте и фотогалерею и размещение некоторого контента в модальных окнах, то обратите внимание на этот скрипт.
Довольно легкий, умеет ресайзить картинки под размер окна, и настраивается просто.
ImageLightbox.js — это лайтбокс только для изображений, а не для видео, текста и фреймов одновременно. По умолчанию никаких заголовков, кнопок навигации или фона нет.
Представляет собой jQuery UI mediabox, который способен отображать множество типов контента, включая изображения и видео из YouTube и Vimeo. Здесь есть множество уникальных свойств, включая Panorama и Live Re-size.
jQuery TosRus
jQuery TosRus — удобный и функциональный jQuery плагин для работы с видео и изображениями. Скрипт может выступать в роли лайтбокс-инструмента и горизонтального слайдера одновременно. Контент в модальных окнах по умолчанию отзывчивый. Адаптирован под сенсорные устройства.
— это одна из разновидностей лайтбокса, на jQuery, с более продвинутым функционалом чем у традиционных. Как и все аналоги, имеет кучу настроек для управления прозрачностью фона, скоростью показа, эффектами, размерами, надписями и т.д.
– это JQuery плагин, разработанный, чтобы реализовать ненавязчивый, адаптивный лайтбокс , который идеально подходит для изображений с большим разрешением. Он отлично работает на мобильных устройствах, а также может применяться на экранах с более высоким разрешением для красивого вывода изображений.
– jQuery -плагин для стационарных компьютеров, смартфонов и планшетов. Он поддерживает сенсорное управление для мобильных устройств, навигацию с помощью клавиатуры для настольных устройств, CSS переходы с резервным переключением на управление JQuery , довольно прост в настройке.
jQuery Superbox
jQuery Superbox позволяет очень просто создавать лайтбоксы для изображений, групп изображений, внешних страниц, или определенного содержимого. Плагин полностью доступен и понятен, и использует атрибут «rel» для запуска скрипта и «href» для указания адреса изображения или страницы.
— jQuery лайтбокс плагин с широкой поддержкой различных медиа форматов: в том числе видео, Flash / SWF, Ajax, фреймов и карт. Этот плагин также добавляет кнопки социальных сетей в верхней части, позволяя своим пользователям обмениваться его Facebook, Twitter или Reddit. Кроме того есть дополнительные настройки, чтобы увидеть, которые могут применены в различных случаях.
– это еще один адаптивный JQuery Lightbox плагин, который подходит для отображения изображений, iFrames , Google-Maps , Vimeo и YouTube видео. Плагин рассчитывает максимальную ширину изображения на экране и сохраняет пропорциональную высоту, даже если она больше, чем высота окна.
Позволяет вам легко создавать красивые всплывающие окна, используя jQuery. Вы можете усовершенствовать ваш медиа-контент автоматически или создавать всплывающие окна на ваш вкус, используя мощный API.
— отличный адаптивный лайтбокс. Его можно использовать для создания сногшибательных галерей, которые будут отлично выглядеть на любых экранах.
Magnific Popup — это удобный в работе плагин jQuery lightbox, сосредоточенный на производительности. Его главная цель – обеспечить удобство работы на любом устройстве.
Базовый плагин, весом 6 килобайт для разбирающихся разработчиков и включает в себя только самое необходимое. Если вам нужен лайтбокс эффект, например, для группы изображений в галерее, вы можете включить расширение галереи. Вы также можете разработать свое собственное расширение для плагина, чтобы использовать в своих проектах.
Медиа менеджмент в WordPress стал популярным трендом с тех пор, как изображения и видео начали играть важную роль в привлекательности веб-сайтов. С целью красиво представить ваш контент на всех устройствах, WordPress лайтбокс плагины, без сомнений - это единственно правильный выбор для веб-сайтов с множеством изображений. С расширенными возможностями лайтбоксов вы сможете отображать изображения, видео и слайдшоу во всплывающем окне.
Репозиторий плагинов WordPress содержит огромное количество плагинов, которые явно демонстрируют свою полезность. Если вы немного смущены количеством бесплатных плагинов в официальном репозитории WP (их там 750+), то вы обратились по адресу. Сегодня мы назовём лучшие бесплатные лайтбокс плагины для WordPress. Но для начала давайте разберёмся в этой функции.
Что такое WordPress Lightbox?
Всё, что появляется на экране, затемняя остальную станицу, можно назвать лайтбоксом. Лайтбоксы могут базироваться на JavaScript (jQuery) или CSS3. При применении их, веб-страница остаётся видимой, но пользователи могут сфокусироваться на медиа элементе (изображении или видео). Этот достаточно эффективный метод применяется для отображения изображений, новостей, форм, слайдов и т.д. Если вы ведёте блог фотографий, то обязательно опробуйте эту функцию.
Для компьютерных фанатов, мы хотим объяснить принцип работы лайтбокса. Он работает в родительско-дочернем режиме. Появляющийся медиа элемент – это дочерний экран, а веб-страница – это родительский экран. При появлении дочернего экрана связь родитель-ребёнок разрывается. Но только когда пользователь выполняет на нём какие-либо действия.
Зачем нужен лайтбокс плагин?
Задайте себе этот вопрос перед добавлением нового плагина на ваш веб-сайт. У вас могут быть свои аргументы, но вот те, которые пришли нам в голову:
WordPress лайтбокс плагины
Хороший WordPress разработчик может легко создать пользовательский всплывающий элемент управления, но есть несколько других способов добавить лайтбокс на ваш WordPress веб-сайт. И одним из наилучших способов добавления лайтбокса на ваш сайт является установка хорошего Lightbox WordPress плагина. Мы хотим представить вам список надёжных плагинов.
1. FooBox Image Lightbox
Это один из наших любимых плагинов. Он предлагает точное управление медиа, где можно не только изменить размер изображения, но и поменять клавиши для более удобного управления. Если вы являетесь пользователем Foo Gallery, то точно знаете, что FooPlugins очень хороши. С встроенным функционалом для , адаптивным дизайном нулевой конфигурацией, FooBox Image Lightbox обеспечивает отличную работу вашего веб-сайта.
Вы можете приобрести премиум версию FooBox Pro , и тогда получите доступ к расширенным функциям, например, перелинковка, поддержка HTML и iFrame, разнообразие цветов схем, иконки кнопок, иконки загрузки и много чего ещё.
2. Responsive Lightbox by dFactory
Responsive Lightbox главным образом разработан для создания адаптивных лайтбоксов, которые поддерживаются мобильными устройствами. Лайтбоксы, созданные этим плагином, подстраиваются под размер экрана. С более 200,000 активных установок, плагин имеет огромную пользовательскую базу. Ключевым моментом этого плагина является 6 разных адаптивных скриптов (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox), которые накладывают эффекты на ваши WordPress медиа элементы.
3. Simple Lightbox
Simple Lightbox предоставляет простую альтернативу большинству сложных лайтбокс плагинов. Вместо длинного списка параметров настройки, разработчик (Archetyped) сделал всё очень простым. В функции плагина входят изменение размера лайтбокса в зависимости от размера экрана, простая настройка эффектов лайтбокса, управление клавиатурой для изображений и т.д.
Вы можете включить функцию лайтбокса для определённых записей или страниц. Кроме того, мета данные отображаются с медиа файлами. Несмотря на простоту функций, Simple Lightbox может похвастаться более 100,000 активных инсталляций.
4. WP Lightbox 2
WP Lightbox 2 – это ещё один бесплатный плагин для отображения WordPress медиа контента в лайтбоксе, подходящий для мобильных устройств. Он предлагает несколько уникальных функций, которые вы не найдёте ни в одном плагине. К примеру, изменение информации, уменьшение размера изображения, отображение ссылок для загрузки изображений. В комплект входят 5 различных тем, и вы можете показывать подпись к картинке и описание в лайтбоксе. Изображения можно сгруппировать вместе и показывать, как слайд шоу.
Плагин приятен в использовании. Для начала работы нужны только готовые шорткоды. Вы можете также вставить лайтбокс в секцию комментариев. Плагин легко настраивается и поддерживается большинством версий WordPress.
5. WP Featherlight
WP Featherlight – это супер лёгкий jQuery лайтбокс плагин. Он содержит всего 400 строчек JavaScript, 100 строчек CSS, и добавляет всего 6 KB к загрузке страницы. Поэтому, этот плагин считается самым лёгким.
WP Featherlight решает большинство проблем с медленной загрузкой лайтбокса, которые возникают с другими плагинами. Это возможно благодаря встроенной библиотеке jQuery, которая предотвращает неполадки в работе плагина. Этот плагин очень адаптивен, поддерживает изображения, AJAX, iFrame и множество других функций.
Итоги
Лайтбокс – это один из наиболее интуитивных методов отображения медиа на современных WordPress веб-сайтах. Настроенный плагин может значительно улучшить взаимодействие с пользователями. И теперь у вас есть список бесплатных лайтбокс плагинов.
Вне зависимости от вашего выбора, ваш сайт получит выгоду использования лайтбокс плагина. Но нам бы хотелось узнать ваше мнение. Вы используете лайтбокс на вашем сайте? Вы используете плагин или самостоятельно написали код? Расскажите нам в комментариях.