slideControl.js jQuery Plugin 1.1

Nik Korablin

@nikorablin

The Code

In Your <head>

<link rel="stylesheet" type="text/css" href="slideControl.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.slideControl.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$('.slideControl').slideControl();
});
</script>

Options

HTML

<ul>
	<li><label>Responsiveness: </label><input type="text" value="6.0" class="slideControl" /></li>
	<li><label>Safety: </label><input type="text" value="4.0" class="slideControl" /></li>
	<li><label>Information: </label><input type="text" value="9.0" class="slideControl" /></li>
</ul>

CSS

The CSS file included should be pretty straight-forward. You can change the look of your slide controllers in there from background color to size to how the handle looks. Just take a look around and it should be pretty easy to make changes.

Usage

You are free to use the slideControl.js plugin however you want. Credit is nice, but not required