JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.quinnco.com/js/jssor.slider.mini.js"></script>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid black;">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%;">
        <div><img u="image" src="http://www.cancer-fund.org/images/share/diy/img_sample.gif" /></div>
        <div><img u="image" src="http://arenterslist.com/resources/sample2.jpg" /></div>
    </div>
</div>

CSS

*{
    display: block;
    width: 100%;
}

JavaScript

jQuery(document).ready(function ($) {
    var options = { $AutoPlay: true };
    var jssor_slider1 = new $JssorSlider$('slider1_container', options);
});