• Теория
  • Теория

Вторая программа: «Сеньор Помидор»

Мы разобрались с галереей Кекса, пришло время новой задачи. В этот раз нужно запрограммировать галерею для интернет-магазина овощей.

Кекс не любит овощи, особенно помидоры. Он предпочитает молочное и мясное меню. Но работа есть работа.

Мяу! Нужно оживить галерею с фотографиями товаров.

В галерее есть миниатюры (элементы с классом gallery__picture-preview) и большое изображение (класс full-picture).

После клика по превью большая фотография должна поменяться. Большое изображение должно быть таким же, как и в миниатюре, только большего размера.

Пути к полноразмерным фотографиям находятся в массиве pictures. Порядок элементов в массиве такой же, как и порядок миниатюр в разметке.

Когда будете готовы, нажмите кнопку Заказчик, принимай программу! в консоли, чтобы запустить проверку.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 29 апреля цена 21 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с событиями» тренажёра «Погружение в браузерный JavaScript» можно после регистрации и оформления подписки.