JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div class="banner">
    <img src="http://placehold.it/280x100/ce9&text=Apples" alt="" />
    <img src="http://placehold.it/280x100/eee&text=and" alt="" />
    <img src="http://placehold.it/280x100/ec6&text=Pears" alt="" />
  </div>

CSS

.banner img{
   display:none;
   position:absolute;
}

JavaScript

$('.banner img').each(function(i){
  $(this).delay(8000*i).fadeTo(1000,1).end().appendTo('.banner img');
});