Monday, January 2, 2012

Rcarousel – A continuous jQuery UI carousel


Rcarousel – A continuous jQuery UI carousel

Right now you might be thinking, "Oh great, another content slider/carousel." But hold on for a minute because this one's got a few surprises up its sleeve. 


Called the rcarousel, this is basically a jQuery tutorials UI widget which latest version (v1.1) was just released recently. It is a continuous carousel and its inherent capabilities from its predecessor include custom events and a nice API.

What's new about this one is that it now supports HTML content: just place anything inside a DIV container, install the widget, and that's it. It is highly customizable, very easy to use, and like most sliders/carousels, you can either let the user navigate through the content through the use of bullets or set the scrolling to auto mode (without navigation).

What separates this carousel from the others is that it has the multi carousel feature! Check it out on this link (http://ryrych.github.com/rcarousel/examples/multi.html)!


Screen shot of the multi carousel

The rcarousel allows you to customize the appearance by letting you indicate the number of visible elements and a step (number of elements to scroll by). Another nice feature is loading elements on demand at runtime via API. With little effort you can fetch XML, JSON, parse them and then add elements with ‘append’ method.

Here's an outline of the other features:
·         Many options to choose from
·         Images (and other elements) with links
·         Vertical carousels, and much more!

Rcarousel supports many browsers, it's been tested successfully in the following browsers:

·         Internet Explorer 7+
·         Firefox 3.0+
·         Chrome
·         Opera 10.10+
·         Safari 4.0.5+

Interested? You can download it here (https://github.com/ryrych/rcarousel/zipball/1.1), while its source code can be found on github (https://github.com/ryrych/rcarousel). Encountered a bug? Report it here (https://github.com/ryrych/rcarousel/issues).

rcarousel was written and is maintained by Wojciech Ryrych during his spare time. He is a Poland-based front-end developer amateur, currently self-taught and is keen on Linux, Open Source.
By the way, if you're using a lightbox widget, you might want to consider using rlightbox2 (http://ryrych.github.com/rlightbox2/), which is a jQuery UI mediabox also written by Wojciech Ryrych.

No comments:

Post a Comment