[Nexus]

<figure>
    <img id="redPic" src="https://javascript.ru/forum/image.php?u=19392&dateline=1385220798"/>
    <figcaption>Красная картинка</figcaption>
</figure>
<figure>
    <img id="greenPic" src="https://javascript.ru/forum/image.php?u=39916&dateline=1498604796"/>
    <figcaption>Зелёная картинка</figcaption>
</figure>
<img id="transparentBackground" src="https://javascript.ru/forum/image.php?u=7416&dateline=1372796129"/>

<script>
var target=document.getElementById('transparentBackground');
[].forEach.call(document.querySelectorAll('#redPic,#greenPic'),function(node){
    node.addEventListener('click',function(){
        target.src=node.src;
    });
});
</script>