JSFiddle - React, Tailwind, and code Playground

by paska

HTML

<script src="https://raw.github.com/viljamis/ResponsiveSlides.js/master/responsiveslides.js"></script>
<ul class="rslides slider1">
    <li><img src="http://responsive-slides.viljamis.com/1.jpg" alt="" /></li>
    <li><img src="http://responsive-slides.viljamis.com/2.jpg" alt="" /></li>
    <li><img src="http://responsive-slides.viljamis.com/3.jpg" alt="" /></li>
</ul>
<ul class="rslides slider1">
    <li><img src="http://responsive-slides.viljamis.com/1.jpg" alt="" /></li>
    <li><img src="http://responsive-slides.viljamis.com/2.jpg" alt="" /></li>
    <li><img src="http://responsive-slides.viljamis.com/3.jpg" alt="" /></li>
</ul>
<ul class="rslides slider1">
    <li><img src="http://responsive-slides.viljamis.com/1.jpg" alt="" /></li>
    <li><img src="http://responsive-slides.viljamis.com/2.jpg" alt="" /></li>
    <li><img src="http://responsive-slides.viljamis.com/3.jpg" alt="" /></li>
</ul>

JavaScript

$(".slider1").responsiveSlides({     maxwidth: 800,     speed: 800,   });
$(".slider1").mouseover(function(){
    $(".slider1").children().stop();
});