JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<div class="center"><a href="#" id="next">Next</a></div>
<div class="cycle" >
    <img src="http://jquery.malsup.com/cycle2/images/p1.jpg" alt="" />
    <img src="http://jquery.malsup.com/cycle2/images/p2.jpg" alt="" />
    <img src="http://jquery.malsup.com/cycle2/images/p3.jpg" alt="" />
    <img src="http://jquery.malsup.com/cycle2/images/p4.jpg" alt="" />
</div>

JavaScript

$( document ).ready(function() {
    $('.cycle').cycle({
        timeout : 3000,
        next    : '#next',
        fx      : 'scrollHorz',
        speed   : 300
        });
});