JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://vintagecomics.in/files/js/cycle.js"></script>
<figure class="cycle-slideshow manual" 
 data-cycle-fx="fadeout"
 data-cycle-timeout=0
 data-cycle-next="#next"
 data-cycle-prev="#prev"
 data-cycle-loader="true"
 data-cycle-progressive="#read">
    <img src="https://lh5.googleusercontent.com/-xvoVvOj2nFE/Ueb3E4mbBlI/AAAAAAAAN9U/u-BKsH6MKtY/s512/IMG_1905betty-manousos-summer-scenes.JPG" />
</figure>
<script id="read" type="text/cycle">
 [

    "<img src='https://lh3.googleusercontent.com/-uMtehU6YicI/UcoFIv7-ebI/AAAAAAAADOg/whsMWBvd_YE/s512/SAM_1194-Edit-Edit-2-Edit-Edit.JPG' />",
    "<img src='https://lh5.googleusercontent.com/-0CNgHvFc44I/UcbfI6Tb32I/AAAAAAAABMk/euKYbQn_Iz4/s512/IMG_1518.jpg' />"
 ]
</script>
<section class="pagination center-text">
 <a href="#"><span id="prev">&#171; Previous</span></a> / <a href="#"><span id="next">Next &#187;</span></a>
</section>

CSS

img.cycle-slide {
  background: url('http://http://jimpunk.net/Loading/wp-content/uploads/loading1.gif') no-repeat;
}