jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. It can be applied with some effects and other customization. Installation:

1. Download Jquery
2. Download JcarouselLite here - http://www.gmarwaha.com/jquery/jcarousellite/#download
3. Include those files in your application layout

Optional:

1. Download easing plugin - http://gsgd.co.uk/js/jquery.easing.1.1.js
2. Download mousewheel plugin - http://brandonaaron.net/jquery/plugins/mousewheel/jquery.mousewheel.js
3. Add to application layout

 <script src="path/to/jquery.js" type="text/javascript"></script>
 <script src="path/to/jcarousellite.js" type="text/javascript"></script>

Usage : In your HTML file, provide the markup required by the carousel (a "div" enclosing an "ul"). You also need the navigation buttons, but these buttons need not be part of the carousel markup itself. Example: html

<button class="prev"><<</button>
<button class="next">>></button>
<div class="anyClass">
    <ul>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
    </ul>
</div>

You can see more demos at http://www.gmarwaha.com/jquery/jcarousellite/#demo