🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
Соберите галерею на чистом JavaScript: от циклов до событий
Упражнение MDN даёт готовый скелет: вы добавляете переключение миниатюр, кнопку затемнения и обработку кликов.
Здесь собраны почти все базовые куски JavaScript: выборка элементов через document.querySelector, перебор коллекции, обработчик клика и изменение атрибутов. Главное — увидеть, как отдельные конструкции складываются в один работающий механизм.
Совет: не копируйте готовое решение. Сначала попробуйте вывести одну миниатюру в большое изображение, потом добавьте остальные, а кнопку затемнения оставьте на последок.