JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imageDiv">
	<img src="" id="imgTag" />
</div>

JavaScript

$(document).ready(function(){
	var images = [
		1,
		"http://t2.uccdn.com/en/images/5/9/2/img_causes_of_fever_in_cats_9295_300_150.jpg",
		"http://www.jimvysearks.co.uk/blog/wp-content/uploads/2014/06/duck_surfing-300x150.jpg",
		"http://brightworkcoresearch.com/wp-content/uploads/2013/12/beauty-in-nature-178495_1280-300x150.jpg",
		"http://www.educationworld.com/sites/default/files/Sun1.jpg"
	];
	$("#imgTag").attr("src",images[images[0]]);
	(function loopImages() {
		++images[0];
		if (images[0] == images.length) {images[0] = 1;}
		$("#imgTag").fadeOut(8000,function(){
			$(this).attr("src",images[images[0]]).fadeIn(500,function(){loopImages();});
		});
	})();
});