Модальные и всплывающие окна на сайте

Модальные окна. Вариант №1.

В статье подробно описаны приёмы создания модальных окон, способы их правильного отображения. Рассмотрены три варианта: изображение, видеоролик и контент в модальном окне.

Модальные окна. Вариант №2.

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

Lightbox2.04.

Лайтбокс - реализация простого скрипта для наложения изображений на текущую страницу. Работает практически на всех браузерах.

Highslide JS. Увеличение картинки во всплывающем окне при щелчке мышью.

Источник урока - сайт http://highslide.com/. На этом сайте можно скачать бесплатно архив со многими эффектами. Автор позволяет использовать свои разработки в нескольких вариантах. Вот выдержка из перевода: Вы хотите использовать Highslide для персонального сайта, сайта школы, фотоальбома Вашей семьи или некоммерческой организации? Тогда вам не нужно разрешение автора, просто используйте Highslide.

Highslide JS. Видеоролик во всплывающем окне.

При клике мышкой по ссылке «Посмотрите этот видеоролик», последний откроется во всплывающем окне.

Highslide JS. Контент во всплывающем окне.

При клике мышью по ссылке открывается всплывающее окно с контентом. Открытое окно можно перемещать, наведя курсор мыши на кнопку «Переместить» до появления перекрестия стрелок и удерживая левой клавишей, а так же закрыть, кликнув на соответствующую кнопку.

Всплывающая панель с контентом.

Всплывающая панель может появляться как на странице с основным контентом так и в новом окне браузера.