JSFiddle - React, Tailwind, and code Playground
HTML
<div id="compare-table-scrollable">
<img src="www.bla.my/1.png" />
<img src="www.bla.my/2.png" />
<img src="www.bla.my/3.png" />
</div>
JavaScript
var imgs = $('#compare-table-scrollable img');
$(checkForImagesDone);
function checkForImagesDone()
{
var counter = 0;
imgs.each(function()
{
if (this.complete)
{
++counter;
}
});
if (counter === imgs.length)
{
display("All complete");
}
else
{
display("Only " + counter + " so far, will check again");
setTimeout(checkForImagesDone, 50); // 50ms
}
}
function display(msg) {
$("<p>").html(String(msg)).appendTo(document.body);
}