JSFiddle - React, Tailwind, and code Playground

by jfriend00

JavaScript

var urls = [
    "http://photos.smugmug.com/photos/344291068_HdnTo-Ti.jpg",
    "http://photos.smugmug.com/photos/344292111_SvSfK-Ti.jpg",
    "http://photos.smugmug.com/photos/344291168_nErcq-Ti.jpg"
];

var imgs = [];
var cnt = 0;

for (var i = 0; i < urls.length; i++) {
    var img = new Image();
    img.onload = function() {
        ++cnt;
        if (cnt >= urls.length) {
            // all images loaded here
            document.body.innerHTML = "All " + cnt + " images Loaded";
        } else {
            document.body.innerHTML = "Images Loaded: " + cnt;
        }
    };
    img.src = urls[i];
    imgs.push(img);
}