Smiley Slider jQuery Plugin

The plugin uses Raphael to change a graphic, depending on its position on an axis.

As the user drags it to a side or another, its graphics change accordingly.

By default, the plugin comes with a smiley face which changes from a smile to a sad face if dragging it to the left or right.

It's a good how-to tutorial on manipulating Raphael graphics with jQuery drag events.

A demo is included with the download package, but don't forget to load the Raphael library.

Requirements:

• JavaScript enabled on client side
• jQuery
• Raphael