JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
</head>
<body>
<div id="containers">
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
<div><img src="http://i00.i.aliimg.com/photo/v0/443039740/Cat5e_Cat6_Network_cable_cat5e_siamese_cable.summ.jpg" /></div>
</div>
</body>
</html>
CSS
#containers{
width:400px;
}
#containers div{
float:left;
}
JavaScript
var logos = ["http://i00.i.aliimg.com/photo/v0/460546118/Cat6_siamese_cable.summ.jpg",
"http://i00.i.aliimg.com/photo/v0/442950702/CAT6_UTP_FTP_SFTP_cat5e_siamese_cable.summ.jpg",
"http://i00.i.aliimg.com/photo/v0/467260214/sftp_siamese_cable_cat6_lan_cable.summ.jpg"
]
var current = 0;
function startFlow() {
if (current == parseFloat(logos.length) - 1) {
current = 0;
}
var random = Math.round(Math.random() * 12);
$("#containers div:nth-child(" + random + ")").find("img").fadeTo(500, 0.001, function() {
$(this).attr("src", logos[current += 1]).fadeTo(500, 1)
});
timer = setTimeout('startFlow()', 4000);
}
$(document).ready(function() {
startFlow();
})