JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-1">
    <img src="http://www.manateevoyager.com/uploads/1/8/1/2/18120605/538806.jpg" rel="1" class="active" />
	<img src="http://s3-media2.fl.yelpcdn.com/bphoto/qRamOFGjhHHbX1Nup6wedg/ls.jpg" rel="2" style="display: none;" />
</div>

<div class="img-2">
    <img src="http://site.affordablelamps.com/i/landscape-lighting.jpg" rel="1" class="active" />
	<img src="http://s3-media2.fl.yelpcdn.com/bphoto/nStX8Yl2OgXs6FRmyGT36Q/ls.jpg" rel="2" style="display: none;" />
</div>

<div class="img-3">
    <img src="http://www.lifemartini.com/wp-content/uploads/2012/07/Landscape-gardening-ideas.jpg" rel="1" class="active" />
	<img src="http://www.bongobytes.com/photography-classifieds/images/2013/04/10/29/thumb_kevin-young-fine-art-landscape-photography_12.jpg" rel="2" style="display: none;" />
</div>

CSS

div {width: 250px; height: 250px; position: relative; float: left;}
img {position: absolute;}

JavaScript

setInterval(function (){
			var imgArray = [1, 2, 3, 4, 5],
				i = imgArray[Math.floor(Math.random()*imgArray.length)];

			if($('.img-' + i + ' .active[rel="1"]')) {
				console.log("1");
				$('.img-' + i + ' .active[rel="1"]').fadeOut().removeClass('active').next('img').fadeIn().addClass('active');
			}
			else if($('.img-' + i + ' .active[rel="2"]')) {
				console.log("2");
				$('.img-' + i + ' .active[rel="2"]').fadeOut().removeClass('active').prev('img').fadeIn().addClass('active');
			}
		}, 500);