JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<div id="myImages"><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers1.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers2.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers3.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers4.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers5.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers6.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers7.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers8.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers9.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers10.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers11.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers12.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers13.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers14.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers15.png"></div><div><img src="http://colorbynumber.org/numbercoloringpages/new/thumbs/numbers16.png"></div></div>

CSS

#myImages {width:300px;height:262px}
#myImages>div {position:relative; display:inline}
#myImages>div>img {width:25%;height:25%}

JavaScript

$(document).ready(function(){
    $("#myImages>div").css("visibility","hidden").addClass("toShow");
    var int=self.setInterval(function(){
        $("#myImages>div.toShow").eq(Math.floor(Math.random()*$("#myImages>div.toShow").length))
            .css("visibility","").removeClass("toShow");
        if($("#myImages>div.toShow").length==0){
            window.clearInterval(int);
        }
    },1000);
});