jQuery Plugin rcarousel

An article by admin    No Comments

จากตัวรูปด้านบนเป็นเพียงหนึ่งตัวอย่างเป็นการ slide HTML Content ซึ่ง plugin ตัวนี้ทำได้หลายอย่างส่วนใหญ่จะเป็นการสไลในแบบต่างๆโดยยึดหลัก jQuery UI สามารถดูรายละเอียดเพิ่มเติมได้ที่ลิ้งด้านล่าง

rcarousel is a jQuery UI continuous carousel with many cool features. It is highly customizable and supports even older browsers (No IE6, please).

Features
simple to use

Now rcarousel is very simple to use. Just add some elements into a container and run the widget on it!
highly customizable

rcarousel does not force you to use one pre-defined theme. You can add your own custom navigation with no effort!
many options to choose from

There are many options to choose from. Configure your carousel whatever you like!
Any element

As of 1.1 version you can use hopefully any HTML element inside a carousel. To illustrate this, take a look at the carousel I used at the top of the page.
images with links

As of 1.1 version there is no problem with wrapping IMG elements with links. Another nice feature!
Multiple carousels

You can add as many carousels as you like to a page without a problem. To see a working example, take a look at multi carousels example.
Vertical carousels

rcarousel supports also vertical orientation of carousels.
Loading elements on demand

With the help of append method, you can load elements on demand. It can come in handy in AJAX calls.
Auto mode

Thanks to the Auto mode you do not even have to use navigation.
cool pagination

The pagination algorithm that is a part of rcarousel allows you to use a custom number of visible elements and a step to scroll by.
simple API

Available API allows you to control rcarousel at the run-time!

Compatibility

rcarousel was tested and has been tested in many browsers. If you come across a bug, please report it in the bug tracker. Some browsers like Internet Explorer 6 are too old and will not be supported. Because of some browsers release cycle like that of Chrome (and Firefox until recently), it is very hard to keep track of rcarousel behaviour in these browsers. Thus the widget was tested just in Chrome/Chromium. Also please note, it is not so easy to estimate the number of browsers to test in especially when it comes to minor releases or a bug fix releases. The more the better is not the answer. If the browser you want to use rcarousel in, is for some reason important to you, and the widget doesn’t work in it, you can fill in a bug report in the bug tracker.

rcarousel was tested in the following browsers:

Internet Explorer 7+
Firefox 3.0+
Chrome
Opera 10.10+ (there are problems with animation in 10.00)
Safari 4.0.5+