JSFiddle - React, Tailwind, and code Playground

by kalmarsh80

HTML

<div id='body'></div>

JavaScript

//by khaled450

for (var j = 0; j < 50; j++) {

    $('<img />', {
        'alt': '',
            'src': 'http://lorempixel.com/100/100?' + Math.random()
    }).appendTo('#body');

}

function domIsReady(){
    alert( "Hurray! all " + $('img').length + " images are loaded completely");
}

var i = 0;
$('img').each(function () {
    var img = new Image();
    img.onload = function () {
        i++;
        console.log($(this).attr('src') + ' - done!');
        if(i == $('img').length) 
            domIsReady();
    }
    img.src = $(this).attr('src');
});