JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

<img src="http://lorempixum.com/150/100/sports">
<img src="http://lorempixum.com/150/100/city">
<img src="http://lorempixum.com/150/100/food">
<img src="http://lorempixum.com/150/100/fashion">
<img src="http://lorempixum.com/150/100/animals">
<img src="http://lorempixum.com/150/100/nightlife">

CSS

img {display: none;}

JavaScript

$(window).load(function() {
    var images = $('img');
    var ctr = 0;
    
    var fadeImages = function(image) {
        $(image).fadeIn(300, function() {
            ctr++;
            if (images[ctr]) {
                fadeImages(images[ctr]);
            }
        });
    };
    
    fadeImages(images[0]);
});