JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slider">
<img src="http://goo.gl/VCt6u" class="slider_image"  />
<img src="http://goo.gl/4dDsh" class="slider_image" />
<img src="http://goo.gl/jf4wR" class="slider_image"  />
<img src="http://goo.gl/Se3rA" class="slider_image" />
</div>

CSS

#slider img
{
	position:absolute;
    height:200px;
    width:400px;
}

JavaScript

var pointer=0;
	
	var slider_images=$('.slider_image');
	var limit=slider_images.length;
	self.setInterval(function()
	{		$(slider_images[pointer]).fadeOut(2000,"linear");
		pointer=(pointer+1)%limit;
		$(slider_images[pointer]).fadeIn(2000,"swing");

	},2000);