JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://malsup.github.io/jquery.cycle.all.js"></script>
<div id="slideshow">
    
    <div style="width:250px; height:150px; background:red;"></div>
        <div style="width:250px; height:150px; background:blue;"></div>
        <div style="width:250px; height:150px; background:green;"></div>
        <div style="width:250px; height:150px; background:yellow;"></div>    
</div>
    <div id="prev" style="float:left;">PREV</div>
    <div id="next" style="float:right;">NEXT</div>

JavaScript

jQuery("#slideshow").cycle({
        timeout:0, // no autoplay
        fx: 'fade', //
        next: '#next',
        prev: '#prev'
        });