JSFiddle - React, Tailwind, and code Playground
CSS
img{display:block;width:50px}
JavaScript
var imgArr = ['http://healthystartups.com/storage/600px-MA_Route_1.png?__SQUARESPACE_CACHEVERSION=1319542839834', 'http://upload.wikimedia.org/wikipedia/commons/thumb/5/54/MA_Route_2.svg/600px-MA_Route_2.svg.png', 'http://foo.com/foo_873.jpg', 'http://3.bp.blogspot.com/-Q_owQUxNjdQ/Te3ALCmT3oI/AAAAAAAAAnk/wv9r0b0MT-g/s1600/600px-MA_Route_3.svg_.jpg', 'http://honestreviewscorner.com/wp-content/uploads/2012/10/the-number-4-in-a-circle.jpg1.png', 'http://www.thefrugalette.com/wp-content/uploads/2011/09/number-5.png'];
var count = 0;
function LoadImages(images) {
console.log(images)
console.log(count)
img = images[count];
img = new Image();
img.src = images[count];
//Between 3 and 4
if(count == 4)
{
$('<iframe src="http://www.w3schools.com"></iframe>').appendTo('body');
}
if (img.complete || img.readyState === 4) {
$(img).hide().appendTo('body').fadeIn(function () {
count++;
if (count < images.length) LoadImages(images);
else $('body').append('<div>last line</div>')
})
} else {
count++;
LoadImages(images)
}
}
LoadImages(imgArr);