Модальнное окно с помощью CSS и jQuery

Существует много разных решений и возможностей для создания эффектных модальных окон. Посмотрите пример модального окна разработанного с помощью CSS3 и jQuery.

Модальное окно - 400px

Вы смотрите один из примеров создания модального окна с помощью CSS и jQuery. В данном примере показано окно шириной 400px. Для вывода других окон просто присваиваете имя новому окну, прописываете в атрибуте rel, типа popup1,2,3 и т.д, и конечно не забываем про идентификатор id, соответственно выставляем такой же. Устанавливаете ширину окна в теге <a> и c чуством непомерной гордости за себя, любуетесь результатом.

Модальное окно - 500px

Вы смотрите один из примеров создания модального окна с помощью CSS и jQuery. В данном примере показано окно шириной 500px. Для вывода других окон просто присваиваете имя новому окну, прописываете в атрибуте rel, типа popup1,2,3 и т.д, и конечно не забываем про идентификатор id, соответственно выставляем такой же. Устанавливаете ширину окна в теге <a> и c чуством непомерной гордости за себя, любуетесь результатом.

Модальное окно - 700px

Вы смотрите один из примеров создания модального окна с помощью CSS и jQuery. В данном примере показано окно шириной 700px. Для вывода других окон просто присваиваете имя новому окну, прописываете в атрибуте rel, типа popup1,2,3 и т.д, и конечно не забываем про идентификатор id, соответственно выставляем такой же. Устанавливаете ширину окна в теге <a> и c чуством непомерной гордости за себя, любуетесь результатом.

Встроенное видео - 560px

Вы смотрите один из примеров вставки видео в модальное окно. В данном примере использован сгенерированный код на видеоролик с сервиса YouTube. Для вывода других окон просто присваиваете имя новому окну, прописываете в атрибуте rel, типа popup1,2,3 и т.д, и конечно не забываем про идентификатор id, соответственно выставляем такой же. Устанавливаете ширину окна в теге <a>, в этом случае исходя из размера видеоплеера, и c чуством непомерной гордости за себя, любуетесь результатом.