JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

HTML

<img class='active' src="http://s1.iconbird.com/ico/2013/12/547/w128h1281387216564facebook3.png"/>

<div class='content-box'></div>
<div class='btn'>CLICK</div>

CSS

.content-box{
  background-image: url(http://s1.iconbird.com/ico/2013/12/547/w128h1281387216591googleWhite.png);
  background-repeat: no-repeat;
  width: 130px;
  height: 130px;
}
 .btn{
    position: fixed;
    left: 200px;
    top: 73px; 
    width: 40px;
    height:40px;
}

JavaScript

$(document).ready(function(){
    $('.btn').click(function(){
            var imgSrc = $('.active').attr('src');
            $('.content-box').css('background-image', "url("+imgSrc+")"); 
    });
});