Показать сообщение отдельно
  #4 (permalink)  
Старый 19.12.2017, 15:51
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Или на базе скрипта Nexus
<figure>
<img id="redPic" src="https://javascript.ru/cat/list/jquery_54.png">
<figcaption>Красная картинка</figcaption>
</figure>
<figure>
<img id="greenPic" src="https://javascript.ru/cat/list/scriptaculous_54.png">
<figcaption>Зелёная картинка</figcaption>
</figure>
<img id="transparentBackground" src="https://img-fotki.yandex.ru/get/15517/66124276.2e4/0_c2654_881ccb5_S.png" ></img>
<script>
var target=document.getElementById('transparentBackground');
[].forEach.call(document.querySelectorAll('#redPic,#greenPic'),function(node){
    node.addEventListener('click',function(){
        target.style.backgroundImage = "url(" + this.src + ")";
    });
});

</script>
Ответить с цитированием