JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://malsup.github.io/jquery.cycle2.js"></script>
<script src="http://malsup.github.io/jquery.cycle2.carousel.js"></script>
<div class="slideshow" >
    <img src="http://malsup.github.io/images/beach1.jpg">
    <img src="http://malsup.github.io/images/beach2.jpg">
    <img src="http://malsup.github.io/images/beach3.jpg">
    <img src="http://malsup.github.io/images/beach4.jpg">
    <img src="http://malsup.github.io/images/beach5.jpg">
    <img src="http://malsup.github.io/images/beach6.jpg">
    <img src="http://malsup.github.io/images/beach7.jpg">
</div>

JavaScript

$.fn.cycle.defaults.autoSelector = '.slideshow';

$(document).ready(function() {
    $('.slideshow').cycle({
		slideResize: false,
		speed:  '3000',
		fluid :true,
		visible: 7,
	    timeout: 2000,
		fx: 'carousel'
	
	});
});