- Include jQuery
- Include shiftpanes.js
- Create a container element that contains sets ("panes") of content each within container elements sharing the same class.
- In your $(document).ready() function call ShiftPanes('container_selector', 'panes_selector', [delay], ['easing'])
- delay = 500ms by default
- easing = 'swing' by default / (Can use any jqEasing setting if that file is included in your page.)
- Include links with a class of "shift" and a rel of "previous" or "next" to control the actual interaction of the panes.
View sample html page online: http://jasonkrol.com/upload/misc/shiftpanes_sample/sample.html