JSFiddle - React, Tailwind, and code Playground

by ldiego

HTML

<script src="http://www.gmarwaha.com/jquery/jcarousellite/js/jquery.jcarousellite.js"></script>
<button class="prev"> a </button>
            <button class="next"> b </button>
        
            <div class="anyClass">
                <ul>
                    <li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/3.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/4.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/5.jpg" alt="" width="383" height="383" ></li>
                </ul>
            </div>

JavaScript

$(document).ready(function(){
    $(".anyClass").jCarouselLite({
        btnNext:".next",
        btnPrev:".prev",
        visible: 1,
        speed: 500
    });
});