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

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

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

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

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

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

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

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

изображение

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

изображение

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

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

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

This is the title

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

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

Red round shape
Nice building
Fire!
Rock climbing
Fly kite, fly!

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

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

Red round shape
Nice building
Fire!
Rock climbing
Fly kite, fly!

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

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

Flash 10 demo

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

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

YouTube

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

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

Apple.com

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

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


This is inline content opened in prettyPhoto.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocodeaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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

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

[dl1 dlurl=”http://wordpress.org/extend/plugins/prettyphoto-media/” name=”prettyPhoto Media”]
Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

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

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*