JSFiddle - React, Tailwind, and code Playground

by fenderistic

HTML

<body>
<div class="fadein">
    <img id="pic1" width=100px src="http://www.clker.com/cliparts/s/s/9/X/n/B/small-test-hi.png"/>
        <img width=100px src="http://www.openwarp.com/pix/testimage_SVGA.jpg"/>
 <img width=100px src="http://b.vimeocdn.com/ts/415/217/41521765_640.jpg"/>
</div>
</body>

CSS

body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

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

JavaScript

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

$('img').click(function(){
    window.location.href="google.com";
});