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