Stylish your “Featured Items” using an interactive jQuery Widget

Posted on January 1, 2010, Filled under JQuery,  Bookmark it

Feature List is a JQuery Plugin useful to create an interactive “Features Items” widget. This 2KB plugin can be styled with custom HTML/CSS, cycles items via slideslow, offers a slick effect (no Flash required) and can be reused on multiple containers.

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.

Which options are configurable?

  • start_item – Index of active tab by default (counting starts from 0; default is 0)
  • pause_on_hover – If it is set to true (default), animation will pause when mouse hovers over the tabs.
  • transition_interval – Length of time between transitions (default: 5000; 0 is for no automatic transitions)

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

Sponsors

Leave a Reply


* = required fields

(will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


  

CommentLuv Enabled