JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<div class="mine">

<img src="http://upload.wikimedia.org/wikipedia/commons/2/2f/Aix_galericulata_%28male_in_all_his_glory%29.jpg">
<img src="http://i.telegraph.co.uk/multimedia/archive/02290/chicken_2290260b.jpg">
<img src="http://i.telegraph.co.uk/multimedia/archive/02290/chicken_2290260b.jpg">
    
    </div>

JavaScript

$(document).ready(function () {
    $('body').css({ opacity : 0.2 });
    var $imgAll = $('.mine img'),
        imgCount = $imgAll.length,
        initCount = 0;

    $imgAll.on('load', function () {
        if (++initCount === imgCount) {
            $imgAll.off('load');
           $('body').css({ opacity : 1 });
        }
    });
});

/*
    $(document).ready(function () {
        var $images = $('.mine img'),
            imageCount = $images.length,
            loadedCount = 0;

            //wait on images before showing the content
            $images.on('load', function () {
                if (++loadedCount === imageCount) {
                    $images.off('load');
                   alert('all images loaded');
                }
            });
    });   
    
    */