Jjcarousellite implements a simple instance of a scrolling list of images

  • 2020-03-30 00:39:59
  • OfStack

Jcarousel Lite has no skin constraints compared to jcarousel, can customize the Settings of front and rear buttons and TAB buttons, the generated HTML is more concise, the file is smaller (2k)
Download link:
Method of use: (link: http://www.gmarwaha.com/jquery/jcarousellite/)


<div class=" The name of the class ">
  <ul>
    <li></li>
  </ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(". The name of the class ").jCarouselLite({
            btnNext: ".next",    
            btnPrev: ".prev",
            //btnGo: [".1", ".2"], // Customize the scroll position TAB , In array order 
            //auto: 2000,            // Specifies how many milliseconds to automatically scroll periodically. The default is null
            //speed: 800,            // Velocity of sliding , You can try 800 1000 1500
            //vertical:false,        // Whether to roll vertically or not , The default false
            //circular:true,        // Whether to rotate , The default is true
            //visible:3,            // Visible number of elements , It could be a decimal, like 2.5 for 2.5 a li
            //scroll:1,                // Per roll li The number of 
            //start:0,                // Starting place , The default is 0
            //beforeStart:function(){}    // Function that calls back when scrolling starts 
            //afterEnd:function(){}        // Function that calls back when the scroll ends 
        });
    });
</script>


Related articles: