JSFiddle - React, Tailwind, and code Playground

by tea4two

JavaScript

var preload = ["http://placekitten.com/200/300", "http://placekitten.com/300/200", "http://placekitten.com/g/200/300"];
var promises = [];
for (i = 0; i < preload.length; i++) {
    (function(url, promise) {
        var img = new Image();
        img = new Image();
        img.onload = function() {
          promise.resolve();
        };
        img.src = url;
    })(preload[i], promises[i] = $.Deferred());
}
$.when.apply($, promises).done(function() {
  alert("All images ready sir!");
});