10 модальных окон на jQuery для адаптивного сайта

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта

Cегодня мы рассмотрим 10 адаптивных lightbox библиотек jQuery.
Lightbox — это популярный способ показа изображений в модальном окне и его можно встретить во многих галереях на сайтах. Также модальные окна используются для показа диалога, видео и предупреждений об ошибках да и любую другую информацию, которую необходимо выделить.
На «Постовом» мы используем модальное окно с предложением подписаться на нашу группу вконтакте, что бы следить за обновлениями. Оно появляется единожды, когда вы уводите мышку с сайта и при закрытие больше появляться не будет, что бы не надоедать посетителям.
В этом топике собраны адаптивные решения jQuery для модальных окон.
Пишите комментарии и подписывайтесь на нашу группу и рассылку.

PhotoSwipe

Lightbox JavaScript. Можно настроить чтобы отображалась панель управления при открытии изображения. В этом режиме будет отображаться описание, и кнопки «во весь экран» и «поделиться». Поддерживает тачскрин.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


Magnific Popup

Скрипт jQuery, который позволяет создать модальное окно для отдельного фото с различными свойствами или lightbox галереи, а также всплывающие окна с текстом, видео, Google maps и формой отправки.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


Image Lightbox

Lightbox JQuery для галереи изображений. Адаптивный и легкий. Не содержит кнопок навигации, но поддерживает возможность нажатия/перетаскивания (как на сенсорных экранах) и навигацию с помощью стрелок на клавиатуре. Использует CSS свойства transform и transition.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


Mini Lightbox

Lightbox в стиле минимализм. Увеличенное изображения появляется в модальном окне. Также можно использовать img атрибут data-image-opene, чтобы подключить большое изображение, которое будет открываться в лайтбоксе вместо миниатюры.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


Lightcase

Небольшой гибкий лайтбокс jQuery для презентации разичных медиа форматов на сайте.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


Yalb (Vanilla)

Yalb (Yet Another LightBox) использует чистый JavaScript. Анимация осуществляется с помощью CSS свойств transition и animation. Обратите внимание, что он может использоваться только в современных браузерах и не поддерживает IE9.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


iLightBox

Плагин lightbox jQuery для HTML и Wordpress. Показывает галерею в сплывающеи окне с миниатюрами вертикальным списком, прокрутка «вниз-вверх», добавлены кнопки «поделиться с...», поддержка нажатий, как в сенсорных устройствах и еще большое количество особенностей.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


Featherlight

Очень легкий плагин lightbox jQuery размером до 6 Кб. В наличии стандартное модальное окно, настраиваемое (цвет фона и текста), всплывающее окно и iFrame.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта


jQuery lightGallery

Легкий jQuery lightbox для презентации фото и видео галереи. Особенности: поддерживает тачскрин, Youtube Vimeo Video и html5 видео, iframe, навигацию с помощью клавиатуры, слайд-эффекты и др.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта

Swipebox

Адаптивный jQuery плагин. Поддерживается почти всеми устройствами и браузерами. Включает навигацию с помощью клавиатуры, Легко настраивается с помощью CSS.

Jquery плагины и решения: 10 модальных окон на jQuery для адаптивного сайта
Напишите свой комментарий
comments powered by HyperComments