JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<div id="cycle">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" />
</div>

JavaScript

function checkSize(){
    if ($(window).width() > 480) {
        cycleImages();
    }else{
        $('#cycle').fadeOut().cycle('stop');
    }
}

function cycleImages(){
    $('#cycle').fadeIn(4000).cycle({
        timeout: 8000,
        speed: 4000
    }); 
}

checkSize();

$(window).resize(function() {
    checkSize();
});