JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<img src="http://elegantthemes.com/preview/InStyle/wp-content/uploads/2008/11/s-1.jpg" />
<img src="http://elegantthemes.com/preview/InStyle/wp-content/uploads/2008/11/s-5.jpg" />
<img src="http://elegantthemes.com/preview/InStyle/wp-content/uploads/2008/11/s-3.jpg" />

CSS

body, html{
    margin:0;
    padding:0;
    background:black;
}
img{
    position:absolute;
    top:0;
    display:none;
    width:100%;
    height:100%;
}

JavaScript

function test() {
    $("img").each(function(index) {
        $(this).hide();
        $(this).delay(3000 * index).fadeIn(3000).fadeOut();
    });
}
test();