jCarouselLite - Project

Update: (as of Sep 23, 2014)

Tested to work with jQuery 1.11.1, jquery.mousewheel 3.1.12 and jquery easing 1.3 and compatibility version. This page and the Demo page uses the above mentioned versions.

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

Did I mention that it weighs just 2 KB?

As if that wasn't enough, the best part is yet to come... You don't need any special css file or class name to get this to work. Include the js file. Supply the HTML markup ("div" enclosing an "ul"). Then, construct the carousel with just a simple function call. It is all explained in the installation section. Don't forget to check out the demo for more details or just download now and play with it.

If you have any questions, suggestions, recommendations, requests,..., you can either leave a comment in this blog entry, or you can find me lurking around the jQuery mailing list.

This demo is just a teaser. Try clicking on the ">" and "<" buttons. Demos for all possible configurations can be found in the menu towards your right ------->

Thanks for dropping by.

Why? - We have a jCarousel plug-in already

Ofcourse you do, and yes, jCarousel is a great plug-in. It offers a host of features and it is so customizable that you are limited only by your imagination.

jCarousel Lite is not a replacement for jCarousel; rather it is a light-weight alternative for users (like me) whose primary focus is not to build a full-blown image gallery. For instance, my use-case needed a very simple carousel widget that was going to sit in one corner of the screen. Not much customizations were needed. I figured that jCarousel, with all its options was kinda overkill. So, i started developing my own mini carousel, and you are right now looking at the 1.0 version of the same.

Ok. Sold! How do i proceed?

Here you go...