Здравствуйте. На странице есть несколько элементов:
- Изображение красного цвета
- Изображение зелёного цвета
- Картинка с прозрачным фоном
<figure>
<img id="redPic" src="redPic.png">
<figcaption>Красная картинка</figcaption>
</figure>
<figure>
<img id="greenPic" src="greenPic.png">
<figcaption>Зелёная картинка</figcaption>
</figure>
<img id="transparentBackground.png" src="transparentBackground.png"></img>
Возможно ли с помощью JS сделать следующее:
- при нажатии на id="redPic", у картинки transparentBackground.png в качестве фона устанавливается изображение redPic.png
- соответственно, при нажатии на id="greenPic", у картинки transparentBackground.png в качестве фона устанавливается изображение greenPic.png
Заранее огромное спасибо за помощь