JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="slideshow">

<img id="jay" class="alignleft size-full wp-image-766" src="http://thejlcgroup.com/wp-content/uploads/2013/08/jay.jpg" alt="jay" width="150" height="229" />

<img id="jay" class="alignleft size-full wp-image-766" src="http://thejlcgroup.com/wp-content/uploads/2013/08/jay3.jpg" alt="jay" width="150" height="229" />

<img id="jay" class="alignleft size-full wp-image-863" src="http://thejlcgroup.com/wp-content/uploads/2013/09/jayteecolor1.jpg" alt="jay" width="150" height="299" />

</div>

CSS

.slideshow img { position:absolute; left:0; top:0; }

JavaScript

$(function(){
    $('.slideshow img:gt(0)').hide();
    setInterval(function(){$('.slideshow :first-child').fadeOut().next('img').fadeIn().end().appendTo('.slideshow');}, 3000);
});