jQuery Scrollable - One Plugin to make gallery , tabber, carousel

Today I was making a bunch of different animated features on a blog. The job was to make a photo blog and to add different widgets like gallery, tabbed widget, carousel widget. The problem was that it have to be done all with one jquery plugin. In past i had to use different jquery plugins for different purposes. jCarosuel lite is perfect for carousel feature, jQuery UI for tabbed navigation and any good jquery gallery plugin.

But today i found a wonderful jQuery plugin called Scrollable. Now I can build any of above widgets with just this tiny plugin. And it also have a very good API so any one can build any type of scrolling widget.

For example you can see this can be used for a news scrolling widget(can be viewed on scrollable home page) with previous next buttons too. It have an API , you can simply use the parameters and disable/enable anything.

By default it uses two elements with prev,next class to use as navigation buttons. Or if you have enabled the navibar, it will create a numeric navigation bar to control your scrolling area.

You can also create your own navigation numeric bar or a tabbed navigation. Just tell the plugin what class is used with your navigation element and it will pick that up.

Anything can be scrolled. Any valid HTML element like DIV’s , Ordered or un-ordered list items etc.

Download the Plugin and view the API documentation for more details.

Related posts

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

Is there a plugin that would produce a tabbed interface like the new Newsweek.com homepage?

Leave a comment

(required)

(required)