JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>
<img id="loader" style="display:none" />

JavaScript

var frag = '<div><img src="http://www.lorempixel.com/99/99?v=' + Math.random() + '" /><img src="http://www.lorempixel.com/102/102?v=' + Math.random() + '" /><img src="http://www.lorempixel.com/103/103?v=' + Math.random() + '" /><div>Hello there</div></div>',
    $frag = $(frag),
    images = [];
    loader = $('#loader'),
        i = 0;

function imageLoaded()
{
    ++i;
    
    if (images.ready && i == images.length) {
        $frag.appendTo('#container');
    }
}

        $(frag).find('img').each(function() {
            var i = new Image();
            i.onload = i.onerror = imageLoaded;
            i.src = this.src;
            images[images.length] = i;
        });
    images.ready = true;