JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<!DOCTYPE html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            var delay = 2500, images = $("img", "#slideshow"), index = 0;
            $(images[0]).fadeIn(300);
            slide();
        
            function slide() {
                index = images.length-2<index ? 0 : index+1;
                $("img:visible", "#slideshow").fadeOut(delay)
                $(images[index]).fadeIn(delay, function() {slide();});
            }
        });
    </script>
        <style type="text/css">
            #slideshow img {position: absolute; top: 0; left:0; display:none;}
        </style>
</head>
<body>

    <div id="slideshow">
        <img src="http://t1.gstatic.com/images?q=tbn:ANd9GcSyjfzLdy3V509AQWXac7SgHz5FldmgpiMkYw6fO_o1SnQHY1t1cHPOiutu" width=128 height=80>
        <img src="http://www.prelovac.com/vladimir/wp-content/uploads/2008/03/example.jpg" width=128 height=80>
        <img src="http://www.dreamincode.net/forums/uploads/monthly_05_2010/post-380028-12747928967239.jpg.pagespeed.ce.yRppR_j7ae.jpg" width=128 height=80>
    </div>

</body>
</html>