JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

HTML

<script src="http://gmarwaha.com/jquery/jcarousellite/js/jquery.jcarousellite.js"></script>
<a href="#" class="prev">
    <img src="http://gmarwaha.com/image/imageNavLeftHover.gif" />
    
</a>
<div class="carousel">
<ul>
    <li>
        <img src="http://gmarwaha.com/jquery/jcarousellite/image/1.jpg" />
    </li>
    <li>
        <img src="http://gmarwaha.com/jquery/jcarousellite/image/1.jpg" />
    </li>
    <li>
       <img src="http://gmarwaha.com/jquery/jcarousellite/image/1.jpg" />
    </li>
    <li>
          <img src="http://gmarwaha.com/jquery/jcarousellite/image/1.jpg" />
    </li>
</ul>
    
</div>
<a href="#" class="next">
    <img src="http://gmarwaha.com/image/imageNavRightHover.gif" />
    
</a>

CSS

ul
{
list-style-type:none;
}

ul li{
  display: inline;
}

JavaScript

$(function() {
    $(".carousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});