Модальное окно на затемненном фоне

Для модальных окон есть множество плагинов такие, как fancybox, Twitter Bootstrap и т.д. Но бывают случаи когда нет возможности их использовать, рассмотрим примеры статического окна и всплывающего по клику.
12.12.2018, обновлено 18.10.2019
41987

Комментарии 4

Владимир Турлак Владимир Турлак
25 ноября 2020 в 15:28
0
Ты лучший!Спасибо за код
Яков Кузьменко Яков Кузьменко
6 апреля 2021 в 21:15
0
Отличная работа, спасибо! Хоть и не реакт))))
Макс Фрон Макс Фрон
3 июня 2021 в 11:11
0
Просто и со вкусом! Спасибо!
Подскажите, а как реализовать это решение для следующей задачи:
На странице расположены несколько превьюшек изображений по ходу статьи.
Нужно чтобы по клику на превьюхе, в модальном окне, открывался соотвтествующий ей хайрез.
Пробовал разные стили назначать, но открываются всё равно сразу все, просто в одну колонку ((
Vitalii Vitalii
20 августа 2021 в 08:19
0
Здравствуйте. Взял ваш скрипт и внедрил в свою верстку. Работает. Но есть одно Но. Как сделать так, чтобы можно было прочитать содержимое попапа, если там много текста? Скрол крутит только задний фон. А как прочитать попап не понятно... Вот например

, чтобы добавить комментарий.

Другие публикации

Отслеживание окончания доменов и SSL-сертификатов
При работе с множеством сайтов возникает необходимость в постоянном контроле срока окончания доменов и особенно...
3164
+3
Фиксированное горизонтальное меню с активными пунктами
Пример горизонтального меню для лэндингов, в котором реализовано...
8313
+5
Модальные окна на Fancybox 3
Fancybox 3 плагин галерей и модельных окон, в отличии от второй версии существенно изменилась скорость работы, дизайн и немного API, далее подробнее о вызове модальных окон.
14627
-1
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
24517
+6
Генерация счета на оплату PDF PHP
С помощью расширения dompdf можно легко сформировать PDF файл. По сути, dompdf - это конвертер HTML в PDF который...
38693
+24
Главное меню для мобильной версии сайта
Не очень сложное раскрывающееся меню для мобильной версии сайта на JQuery.
26397
+8