RotarySwitch

:: a dial-like web control configurable with a variety of effects, options, and transitions

Dependencies:

You must have the following in order to successfully use the RotarySwitch plugin

Download the package from the github
Drop all of the downloaded files into a 'rotarySwitch' folder on your server. It is critical that the folder be named 'rotarySwitch' so the php switch creator can find all of the images
Open the config.php file and edit it per the instructions within the file
Add the following php 'require' string within a '); ?> in the head of your page: require("[your config.php here]"). Replace the [your config.php here] text with an absolute reference to your .config file on your server.;

Add the dependencies at the end of the html '); ?>
1. '); ?>
2. '); ?>
3. '); ?>

Almost there. In a '); ?> wrap, call a createRotarySwitch('name-for-this-control'). Make all names unique.
If you are using a database to store the 'state' or value of a selected switch, I have provided a quick cheater framework to use below
The control containing a switch's current value is a hidden input text box, with #id = "input_[name]". You specified the [name] with the create function.

To turn on database connectivity, open the 'config/db_config.inc' file. Set 'useDB' to "true" and tell the server where your database connect function is.
createRotarySwitch() has an extra, optional boolean parameter. createRotarySwitch('unique-name','dB').

When 'dB' is set to True,1, or any other php true-ish value, on creation of the switch the following will happen:
- an extra div, indicating dB connectivity will be added to the switch 'rotaryContainer' div
- it will query the db for existing values, and animate each rotary switch to those values
- it will update the db everytime a switch is selected

Cross-browser functionality testing
poor image scalability (would prefer svgs)
variable selectable options (not fixed to 3) with true circular coordinate selectability

1.0 - Initial release. 3-position switch only