JSFiddle - React, Tailwind, and code Playground

HTML

<div class="images">
    <b class="loading"></b>
    <img src="http://stylonica.com/wp-content/uploads/2014/02/nature.jpg" class="img" />
</div>
<div class="images">
    <b class="loading"></b>
    <img src="http://openspacelands.com/data_images/out/2/2239606-zima.jpg" class="img" />
</div>

<div class="images">
    <b class="loading"></b>
    <img src="http://http://snejkadubinskaia.files.wordpress.com/2011/12/winter-4.jpg" class="img" />
</div>

CSS

body {
    background: #333;
}

.images {
    position: relative;
    margin: 20% auto;
    width: 300px;
    height: 200px;
    border: 5px solid #FFF;
}

.loading {
  	position: absolute;
	z-index: 10;
	display: block;
	background: #555 url('http://jeevee.ru/images/loader.gif') center center no-repeat;
	opacity: 0.7;
	width: 100%;
	height: 100%;
}

.img {
    width: 300px;
    height: 200px;
}

JavaScript

$(function() {
    $('.img').load(function() {
       $(this).parent().find(".loading").hide();
    });
});