JSFiddle - React, Tailwind, and code Playground

by NinjaSk8ter

HTML

<div id='image'></div>
<span class='color' style='background-color: #fe4'></span>
<span class='color' style='background-color: #e14'></span>
<span class='color' style='background-color: #410'></span>

CSS

#image {
    background: url(http://www.chismbrothers.com/images/woodfloors.png);
    height: 341px;
    width: 515px;
}

.color {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    margin: 5px;
}

JavaScript

$('.color').hover(function(){
    $('#image').css({
        'background-color':$(this).css('background-color')
    });
})