JSFiddle - React, Tailwind, and code Playground
HTML
<img id="0" class="resize" src="http://t1.gstatic.com/images?q=tbn:ANd9GcSIuN3S1jzZoF9ckAUv41cO46Ym0W1rP-mxZ0P8Aemaf35RYOu2Ig">
<img id="1" class="resize" src="http://4.bp.blogspot.com/-fmyXJlGDYig/T5q6f_zQ3qI/AAAAAAAAFYA/jwpxo_reROk/s1600/1283614816-rasta1-png.png">
CSS
.resize {
position:absolute;
top:0px;
left:0px;
width:100px;
height:100px;
}
JavaScript
var imageArray = new Array();
imageArray.push(document.getElementById("0"));
imageArray.push(document.getElementById("1"));
var temp = null;
var intervalMs = 400;
setInterval(function(){animation();},intervalMs);
function animation() {
imageArray[0].style.display = "none";
imageArray[1].style.display = "inline";
temp = imageArray[0];
imageArray[0] = imageArray[1];
imageArray[1] = temp;
}