JSFiddle - React, Tailwind, and code Playground
HTML
<img src="http://deelay.me/5000?https://www.google.de/images/srpr/logo4w.png" />
<img data-preload="http://deelay.me/5000?http://www.wired.com/wiredenterprise/wp-content/uploads/2013/07/ff_googleinfrastructure_large.jpg" />
<img data-preload="http://deelay.me/5000?http://blog.moovweb.com/wp-content/uploads/2013/04/stackoverflow-logo.png"/>
CSS
img {
max-height: 40px;
}
JavaScript
function loadNext() {
console.log("trying to load next: " + (new Date()));
var img = $("img[data-preload]").first();
if (!img) return;
img.load(function () {
loadNext();
});
img.attr("src", img.attr("data-preload"));
img.removeAttr("data-preload");
}
$(window).load(function () {
loadNext();
});