close
The Wayback Machine - https://web.archive.org/web/20220315070219/https://learn.javascript.ru/task/image-gallery
вернуться к уроку

Галерея изображений

важность: 5

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

Например:

P.S. Используйте делегирование.

Открыть песочницу для задачи.

Решение состоит в том, чтобы добавить обработчик на контейнер #thumbs и отслеживать клики на ссылках. Если клик происходит по ссылке <a>, тогда меняем атрибут src элемента #largeImg на href уменьшенного изображения.

Открыть решение в песочнице.