n-wp.ru — блог о WordPress
Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media | n-wp.ru

Вывод изображений и видео поверх содержимого — плагин prettyPhoto Media

Плагин prettyPhoto Media — удобный инструмент для отображения больших изображений и встроенного в посты видео. Он выводит картинки в модальном окне, внешний вид и работа которого настраиваются.

Плагин prettyPhoto Media предоставляет отличные возможности концентрации внимания посетителей на изображениях и видео-материалах, выводя их в отдельном, модальном окне (поверх остального содержимого). Свою работу он сопровождает красивыми эффектами — затемнением фона, плавной сменой изображений. Помимо изображений и видео с помощью плагина можно вывести встроенное содержимое, флеш, iframe. В основе плагина лежит jQuery-скрипт prettyPhoto.

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (10)

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

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

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (9)

Для того, чтобы изображение открывалось в отдельном окне, нужно в ссылку на него добавить rel=»селектор», где селектор — это удобный для вас указатель. Как правило, если вы использовали подобные плагины раньше, то наверняка пользовались селектором lighbox — можете его оставить

или использовать предлогаемый плагином rel=»prettyPhoto»

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (8)

Если на просматриваемой странице есть несколько ссылок с указанным в настройках указателем rel, то плагин объединяет их все в галерею. Чтобы модальное окно соответствовало общей цветовой гамме блога, можно использовать встроенные в плагин темы оформления.

Пример вставки одиночного изображения:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (1)

Пример вставки галереи изображений:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (2)

Пример вставки автоматического слайд-шоу:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (3)

Пример вставки flash:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (4)

Пример вставки видео из YouTube:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (5)

Пример вставки iframe:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (6)

Пример вставки встроенного в страницу содержимого:

Вывод изображений и видео поверх содержимого - плагин prettyPhoto Media (7)

Суммируя вышесказанное, думаю, что prettyPhoto Media — достаточно удобный плагин для начинающих блоггеров, с понятными настройками, удобным использованием и красивым результатом работы.

Скачать
prettyPhoto Media
вы перейдете по ссылке http://wordpress.org/extend/plugins/prettyphoto-media/

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

1 комментарий

/* ]]> */