JSFiddle - React, Tailwind, and code Playground

by Manna

HTML

<div class="fadein">
	          	<a href="http://www.google.it"><img src="http://www.betvictor.com/offers/vip/images/betvictor-logo.png"></a>
				<a href="http://www.google.it"><img src="http://www.betvictor.com/offers/vip/images/logo-velocity.jpg"></a>
				<a href="http://www.google.it"><img src="http://www.betvictor.com/offers/vip/images/virgin-logo.png"></a>
			</div>

CSS

body { background: black;}

.fadein { position:relative; height:332px; width:500px; }
.fadein a {display:block;}
.fadein img { position:absolute; left:0; top:0; }

JavaScript

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