JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test"></div>
JavaScript
(function($) {
var cache = [];
// Arguments are image paths relative to the current page.
$.preLoadImages = function() {
var args_len = arguments.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = arguments[i];
$(cacheImage).load(function() {
$('#test').append(this);
})
cache.push(cacheImage);
}
}
$.preLoadImages("http://images.free-extras.com/pics/c/car-530.jpg", "http://images.free-extras.com/pics/c/car-529.jpg", "http://images.free-extras.com/pics/c/cars-528.jpg");
})(jQuery);