Модальное окно по таймеру
Вывод на экран модального окна через заданный промежуток времени
Несколько вариантов на JS как в нужное время запустить на странице всплывающее окно.
Модальные окна на CSS
Два варианта создания модальных окон без использования JavaScript
Два разных примера создания модальных окон на чистом CSS.
Первый с использованием HTML-элемента <details>, а второй с флажком <input type="checkbox">
Модальное окно для контактов
Модальное окно для контактов или социальных сетей с фиксированной кнопкой
В меню контактов используются иконки шрифта FontAwesom 4.7
Fancybox 3 с темой оформления
jQuery плагин Fancybox 3, его быстрое подключение, настройка и тема оформления
Fancybox — один из самых популярных плагинов на jQuery для реализации модальных окон.
В этой теме рассмотрена его быстрое подключение и настройка. А также добавлена альтернативная тема оформления, позволяющая немного разнообразить его стандартный вид.
Создание сообщения об использовании куки (cookie)
Создание и установка модального окна с сообщением об использовании файлов cookies
В данной теме рассмотрено создание внизу страницы небольшого модального окна с текстом об использовании сайтом файлов cookies и двумя кнопками: закрыть окно и перейти на политику конфиденциальности.
Простое модальное окно на JS
Создание простого анимированного модального окна на JS без использования плагинов
Для анимации появления и удаления модального окна используется CSS библиотека animate.css
Анимированные полноэкранные модальные окна
Плагин jQuery animatedModal.js для создания анимированных полноэкранных модальных окон
animatedModal.js — это легкий плагин jQuery для создания полноэкранного модального окна с использованием CSS3 переходов. Эффекты открытия и закрытия окна берутся из набора animate.css.
Наклонная галерея
Небольшой скрипт на jQuery с наклонной каруселью фотографий
На днях попалась интересная, хотя и старая, статья с наклонной каруселью фотографий: How to create a Rotated Gallery и решил ее попробовать.
Модальные окна наоборот
Альтернативный показ всплывающих окон, открывающихся не на странице, а из-под нее.
Модальные окна присутствуют практически на каждом сайте. Это открытие форм, фотографий или другой информации. И открываются они везде одинаково – на странице сайта.
Делая заметку о горизонтальном повороте страницы, пришла в голову идея поэкспериментировать и с модальными окнами. А именно, открывать их не на странице сайта, а под ним. Другими словами, чтобы не окно открывалось, а вместо этого убиралась сама страница, показывая тем самым нужную информацию.
