JSFiddle - React, Tailwind, and code Playground

HTML

<div class="images">
    <b class="loading" style="display:none"></b>
    <img src="http://stylonica.com/wp-content/uploads/2014/02/nature.jpg" class="img" />
</div>
<div class="images">
    <b class="loading" style="display:none"></b>
    <img src="http://openspacelands.com/data_images/out/2/2239606-zima.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() {
    var images = $('.img')
      , total = images.length
      , count = 0;
    
    $('.loading').show();
    images.load(function() {
        count = count + 1;
        if (count >= total) {
            $('.loading').hide();
        }
    });
});