JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<script src='http://code.jquery.com/jquery-1.7.2.js'></script>

<script src="http://www.aaronvanderzwan.com/maximage/2.0/lib/js/jquery.cycle.all.js"></script>
<script src="https://raw.github.com/gist/3153965/74337a4c4ca6bc48bf2e47db3c8faaaa38cca14d/jquery.maximage.2.0.modified.js"></script>


<div id="rotate">
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/coalesse.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/wall_portrait.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/laughing.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/pattern.jpg" alt="" />
</div>


<script type="text/javascript">

$(function() {
    $('#rotate').maximage({
        cycleOptions: {
            fx: 'scrollDown',
            speed: 1000, 
        },
        onFirstImageLoaded: function() {
            jQuery('#rotate').fadeIn('fast');
        }
    });
});


</script>