JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hover">
<div class="ima 1">
<img src="http://sstatic.net/stackoverflow/img/favicon.ico" />
<div class="fill">
</div>
<div class="ima 3">
<img src="http://sstatic.net/stackoverflow/img/favicon.ico" />
<div class="fill">
</div>
<div class="ima 2">
<img src="http://sstatic.net/stackoverflow/img/favicon.ico" />
<div class="fill">
</div>
</div>

CSS

.ima{
float:left /*Float to make parallel*/
}

img{
display:block;
}

JavaScript

$('.ima img').hover(function(){
$(this).parent().find('.fill').html('<img src="image" />');
},
function(){
$(this).parent().find('.fill').html();
}
);