11 January 2010 Monday

This application was viewed 1327 times

0

Vote for this application

Share|

You can see the demo at this page

What’s So Great About this Plugin?

• Slick effect, no Flash needed
• It’s just 2K
• Reusable on multiple containers
• Cycles items via slideshow
• Can be styled with custom HTML/CSS

How to Use

Using Feature List requires a simple function call:

01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.

$.featureList(
	$("#tabs li a"),
	$("#output li"), {
		start_item : 1
	}
);
 
// Alternative
 
$(´#tabs li a´).featureList({
	output		: ´#output li´,
	start_item	: 1
});

This plugin is managed to implement quite quickly. The script requires two arrays of items - for tabs and output. When user clicks on one of tab the script finds corresponding output item by index and starts fading. A CSS class current is added to the current active tab.

Options

The following options are configurable:

• start_item - Index of active tab by default (counting starts from 0) (default 0)
• pause_on_hover - If true, animations will pause when the mouse hovers over the tabs (default true)
• transition_interval - Length of time between transitions (0 = no automatic transitions) (default 5000)

Enjoy!

Tags: jquery, news ticker, widget, tools,