Уроки JavaScript Практика #12 Модальные изображения

В этом уроке на языке JavaScript мы напишем Модальные изображения.

========================================================
И не пропускай новые видео!!!
========================================================
ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА:
========================================================

========================================================

[lililight-ef]

очень эффектно появление модального изображения, изображений можно много иметь, у меня пока семь и все они красиво появляются. Автору respect за такой короткий и полезный, интересный урок. 7 лет прошло, а урок стал более актуальным по годности

[никитаполяков-жя]

Мужик ты конечно молодец что уроки пилишь)) Но можно чутка по подробней пожалуйста)

[supfiger]

после каждого твоего урока у меня ничего не работает. Приходится искать ошибки и фиксить

[pavelg]

Зашёл посмотреть рекламу, а тут сплошные уроки по JavaScript...

[IvanAnufriew]

В целом урок хороший, но: если у меня будет несколько картинок - мне надо будет создавать 1000 переменных, которые будут ссылаться на отдельную картинку ? Я бы повесил на картинку событие, в обработчике вытащил бы значение атрибута src и присвоил бы той картинке, которая находится в поп-апе.
+ так как в скрипте много раз мы обращаемся к document, я бы закешировал его в переменную, что дало бы нехилое повышение производительности.

[Дмитрий-йяр]

Ребят пробывал писать под множество картинок, не чего не получается. Может кто посоветует видюху , где нормально объясняется, под несколько модальных окон писать код

[andreyshulmin]

1 вопрос к автору: ВЫ 2 раза ставите обработчик на close: 1-ый в HTML, 2-ой в Js, просто забыли что уже делали это?

[dmitrysolodov]

а если на странице несколько изображений? каким образом можно реализовать?

[elvinallahverdiyev]

1. Зачем класс и идентификатор в одном элементе, если можно обойтись одним иден-тором? Для какого-то масштабирования кода? Это путает, когда в css одно, в js другое.
2. Зачем onclick в html и также в js? По моей логике, его достаточно в одном js, разве нет?
3. Связан со 2-м пунктом. Почему спану задается класс, а не идент..? Работает также и массив с индексом [0] не требуется.

[brandonhl]

как сделать чтобы модальные картинки закрывались при клике на свободное место, а не только при клике на close ?

[JuiKoloshi]

Лайк, если тоже подключил скрипты в хеде, а не перед закрытием боди и целый час искал ошибку. Причём в равных ситуациях остальные функции нормально подключаются в head, а на этом скрипте буксуют. До этого видео я понятия не имел, что такое парсинг страницы и что с 2016г. он буксует натыкаясь на тег скрипт в угоду производительности. WHAT?!

[АнтонБутенко-эр]

А как можно сделать что бы оно еще растягивалось на весь экран по вертикали?

[yaroslav.grigoryev]

Отличный урок! Спасибо, только знакомлюсь с js. Очень помогает. Не понял несколько моментов. Для чего в js-файле прописывать закрытие окна, если это уже прописано в html = 'none'")?. В css для чего два раза прописано backgroung-color для .modal?

[АнтонК-ыг]

Всем привет! Кто знает почему не работает js, если прописать в html? ?? То есть итого первоначальное маленькое фото не убирается. Но остальное всё работает

[Oksana_Bon]

на 2:20 у автора нет крестика внизу, хотя должен, лишь только позже описывая класс modal, который он вначале даже забыл поставить, что сразу бросается в глаза, он добавляет в него display: none; что обеспечивает сокрытие крестика
как бы так нельзя).... и зачем text-decoration: none; крестику?

[daniyar_bisenov]

а как сделать несколько таких модальных окон?

[ahmadmusayev]

брат я провериль не работаеть памаги пожалуста, ошибки в коде нету

[TofikandSergio]

держать в том же духе
Делай уроки, по подробностях.как сделать интернкт магазин

[Oksana_Bon]

текст отбрасывает влево, не знаю как он у автора по центру да и вообще белого цвета без оформления, поэтому мне пришлось создать селектор #caption и добавить нужные свойства
#caption {
display: block;
text-align: center;
color: orange;
font-size: 20px;
padding-top: 11px;
}

[ilya_z]

А для чего нам здесь keyframes? Я убрал их из стилей и ничего не изменилось