Ajax Bestiary: A Javascript Field Guide
 
Ajax Bestiary: A Javascript Field Guide
 
 

Create Slick, Scrolling Panels with jQuery & Coda Slider

Posted by Don Albrecht

jquery coda slider 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/

Related Posts


1 Comment

  • 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.

Leave a Reply