1.2 KiB
1.2 KiB
Галерея изображений
[importance 5]
Создайте галерею изображений, в которой основное изображение изменяется при клике на уменьшенный вариант.
Результат должен выглядеть так:
[iframe src="solution" height=600]
Для обработки событий используйте делегирование, т.е. не более одного обработчика.
P.S. Обратите внимание -- клик может быть как на маленьком изображении IMG, так и на A вне него. При этом event.target будет, соответственно, либо IMG, либо A.
Дополнительно:
- Если получится -- сделайте предзагрузку больших изображений, чтобы при клике они появлялись сразу.
- Всё ли в порядке с семантической вёрсткой в HTML исходного документа? Если нет -- поправьте, чтобы было, как нужно.