UniSite CMS - Современный движок для Ваших сайтов.

ZHUR ARTUR.ru

Персональный блог по созданию
мощных и современных Web-Проектов!

Люди всегда говорят плохо о том, кому они завидуют. © Жизнь

»

Введите код полученный после подписки

  • 2

  • 0

Исследование интернет-магазина KupiVip.ru. Видео в модальном окне

Автор - Жур Артур | Добавлено - 2014-01-06 | Просмотров - 4108 | Скачено - 19

1 Подключение плагина fancybox

За показ модального окна отвечает плагин fancybox, скачать вы его можете тут

     

Далее подключаем CSS стили для этого плагина.

    

Подключение происходит в тегах head, в самом начале сайта.

Также обязательно нужно подключить плагин JQuery, скачать его можно тут. Разместите его на ваш сайт и также подключите. Без этого плагина fancybox работать не будет!


Теперь нужно подключить код плагина fancybox и связать его с ссылкой по нажатию которой будет появляться видео.


Разместите этот код в тегах head, после всех подключенных плагинов.

2 HTML код

Последнее что осталось сделать это создать ссылку и блок div в котором будет видео, по умолчанию блок с видео скрытый


 Видео тут

 

С помощью класса video-modal связываем ссылку и модальное окно. У ссылки указываем в href id блока который хотим показать по нажатию на ссылку. И в этот блок id="videoblock" Указываем видео, в нашем случае видео с youtube.

Интересное

Комментарии