Create Slick, Scrolling Panels with jQuery & Coda Slider

October 23rd, 2007 Posted by Don Albrecht

Coda Slider is a slick, sliding panel widget plugin for jQuery. It smoothly scrolls between a series of dynamically created tabs and provides a slick, circular navigation.

Some Features:
Clean and Valid XHTML Strict
Circular Navigation
Dynamically Created Tab Set
Multiple Sliders Can Exist On One Page
Cross Browser
Navigation is queued to prevent sudden jumps.

Some Drawbacks,

Text not selectable in Firefox 2 PC
Not Possible to Hyperlink to Selected Tabs / Anchor Support

Get It Online Here:

http://www.ndoherty.com/demos/coda-slider/

Read the Blog Post:

http://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider/

Filed under Widget, jQuery

1 Comment

Don Albrecht
October 23rd, 2007 at 8:38 am

One problem with the software is its inability to select text in firefox. There is an easy fix for this by modifying the style sheet:

Hey Don, thanks for the comment.

The CSS on this page doesn’t fully validate because of one property in the stylesheet: -moz-user-select. I put that in to stop a glitch where the whole slider would highlight when you clicked outside it in Firefox.

Unfortunately, using that property also stops the text from highlighting at all in Firefox. Just take it out and you should be all good.