JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<script src="https://rawgithub.com/fredhq/roundabout/master/jquery.roundabout.js"></script>

<ul id="roundabout1" class="roundabout-nojs">
    <li class="first">
        <img src="http://pfssk.pl/sites/pfssk/files/myimages/nodes/00000345/henryk-radomski-prezes-krajowego-st-egzam.jpg" border="0" alt="Henryk Radomski Prezes Krajowego Stowarzyszenia Egzaminatorów"
        width="250" height="345">
    </li>
    <li class="second">
        <img src="http://pfssk.pl/sites/pfssk/files/myimages/nodes/00000345/szymanski.jpg" border="0" alt="Prezes Polskiej Federacji Stowarzyszeń Szkół Kierowców Krzysztof Szymański"
        width="250" height="345">
    </li>
    <li class="third">
        <img src="http://pfssk.pl/sites/pfssk/files/myimages/nodes/00000345/sural.jpg" border="0" alt="Prezes Stowarzyszenia Białostockiego Andrzej Sural Komandor konkursu"
        width="250" height="345">
    </li>
</ul>

CSS

#roundabout1 {
    position: relative;
    height: 375px;
}

JavaScript

$(document).ready(function() {
        $('#roundabout1, #roundabout2, #roundabout3').roundabout({
      childSelector: "li",
      minScale: 0.1,
      minOpacity: 0.1,
      autoplay: false,



    });
});