14 бесплатных jQuery Lightbox-библиотек

Это действительно здорово, что нам доступно все больше новейших веб-технологий, при помощи которых наша работа станет гораздо проще. Модальные окна – функциональный элемент для выведения любого типа HTML -контента, ориентированный на создание удобного дизайна и интерфейса.

В этом обзоре мы собрали список JQuery библиотек и скриптов для создания lightbox, которые помогут разработчикам и дизайнерам создавать ещё более качественные и профессиональные сайты.

Вы можете без проблем без труда добавить приведенные ниже скрипты на веб-сайт. Так что без дальнейших предисловий давайте перейдем к теме и рассмотрим данные супер JQuery -библиотеки лайтбоксов, которыми вы можете пополнить арсенал.

1. Photoswipe

14 бесплатных jQuery Lightbox-библиотек PhotoSwipe – это HTML фотогалерея на основе CSS и JavaScript, ориентированная специально на мобильные устройства. Авторы при ее разработке взяли в виде образца сервисы просмотра картинок для мобильных устройств IOS и Google. PhotoSwipe имеет в себя знакомый и интуитивно понятный интерфейс, что может проще работать с картинками на мобильном веб-сайте.

Поддерживаются все основные возможности: переход к следующему или предыдущему изображению, увеличение, перетягивание, уменьшение или закрытие и иные.

2. Swipebox

14 бесплатных jQuery Lightbox-библиотек SwipeboxJQuery -плагин для стационарных компьютеров, смартфонов и планшетов. Он поддерживает сенсорное управление для мобильных устройств, навигацию при помощи клавиатуры для настольных устройств, CSS переходы с резервным переключением на управление JQuery, довольно прост в параметру.

Плагин был протестирован на Chrome, Safari, Firefox, Opera, Internet Explorer 8 +, iOS4 +, Android, Windows Phone. Выпускается по лицензии MIT.

3. iLightbox

14 бесплатных jQuery Lightbox-библиотек iLightBox может без проблем создавать красивые адаптивные модальные окна, используя при этом JQuery. Сочетая в себе поддержку широкого спектра медиа-контента с великолепными скинами и удобным API, iLightBox стремится сделать lightbox настолько идеальным, насколько это только возможно. iLightBox предлагает функция просмотра в полноэкранном режиме, Retina -совместимые скины, сенсорное управление событиями, функция интеграции YouTube и Vimeo для HTML5-видео, мощный JavaScript API. Плагин имеет в себя бесплатную поддержку и обновления версий.

4. Image Lightbox

14 бесплатных jQuery Lightbox-библиотек Image Lightbox – минималистичный, расширяемый и настраиваемый плагин под IOS, Android и Windows Phone. Вы можете просто загружать при помощи клавиатуры следующее изображение благодаря использованию преобразований и переходов CSS.

5. Magnific Popup

14 бесплатных jQuery Lightbox-библиотек Magnific Popup – это бесплатный адаптивный JQuery плагин, который ориентирован на обеспечение наилучшего взаимодействия между посетителем и устройством. Для большинства lightbox -плагинов необходимо определять размер окна при помощи JS. В Magnific Popup вы можете без проблем использовать относительные единицы измерения, такие как EM или изменять размер lightbox при помощи медиа-запросов CSS.

6. Nivo Lightbox

14 бесплатных jQuery Lightbox-библиотек Nivo Lightbox – это гибкий lightbox -плагин. На выбор предлагается несколько опций, при помощи которых вы можете запросто настроить внешний вид лайтбокса. К примеру, сменить тему, эффект перехода и способ навигации.

7. Lightcase

14 бесплатных jQuery Lightbox-библиотек Lightcase – гибкий, адаптивный и расширяемый lightbox -плагин, разработанный при помощи JQuery. Он хорошо работает во всех популярных браузерах, таких как Internet Explorer 7+, Firefox, Opera, Webkit и иных. Плагин поддерживает фото, видео, HTML5-видео, Iframe, SWF и AJAX -вызовы.

8. Lightlayer.js

14 бесплатных jQuery Lightbox-библиотек LightLayer – скрипт для вывода адаптивных lightbox, он отлично работает вместе с иными компонентами на любом экране. Этот скрипт действительно прост в использовании. LightLayer предлагает контроль над множеством настроек: цвет и непрозрачность фона, положение lightbox, открытие / закрытие переходов и много иных настраиваемых возможностей.

9. Strip.js

14 бесплатных jQuery Lightbox-библиотек Strip – это lightbox, который разворачивается только на часть страницы. Это делает его менее навязчивым и может взаимодействовать с иными элементами страницы на больших экранах; на мобильных устройствах lightbox имеет в себя классический вид. Strip использует JQuery и поддерживается во всех основных браузерах.

10. Fluidbox

14 бесплатных jQuery Lightbox-библиотек Fluidbox – это JQuery плагин, разработанный, чтобы реализовать ненавязчивый, адаптивный lightbox, который идеально подходит для картинок с большим разрешением. Он хорошо работает на мобильных устройствах, а также может применяться на экранах с более высоким разрешением для красивого вывода картинок.

11. Featherlight

14 бесплатных jQuery Lightbox-библиотек Featherlight – легкий плагин в 400 строк JavaScript , 100 строк CSS и размером менее 6Кб. Интеллектуальный, адаптивный lightbox , по умолчанию поддерживает картинки, AJAX и iframe . Вы также можете адаптировать его под ваши задачи. Featherlight работает в IE8+ , всех современных браузерах и мобильных платформах.

12. Yalb

14 бесплатных jQuery Lightbox-библиотек Yalb расшифровывается, как ещё один lightbox (Yet Another Lightbox) — но это не так. Yalb поставляется с большим набором интерфейсов, включающих пользовательские события, которые могут определять его состояние (открытый, закрытый).

13. LightGallery

14 бесплатных jQuery Lightbox-библиотек JQuery lightGallery – это галерея для выведения картинок и видео. Она обладает множеством полезных возможностей, таких как адаптивный макет, поддержка сенсорных мобильных устройств, всплывающие и исчезающие эффекты, подписи и описания к иллюстрациям и многое иное.

14. Veno Lightbox

14 бесплатных jQuery Lightbox-библиотек VenoBox – это ещё один адаптивный JQuery Lightbox плагин, который подходит для выведения картинок, iFrames , Google-Maps , Vimeo и YouTube видео. Плагин отличается от иных тем, что рассчитывает максимальную ширину картинки на экране и сохраняет пропорциональную высоту, даже если она больше, чем высота окна (благодаря данному на небольших устройствах вы сможете прокрутить содержимое вниз и просмотреть его без искажений).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *