slideControl.js jQuery Plugin 1.1

Nik Korablin


The Code

In Your <head>

<link rel="stylesheet" type="text/css" href="slideControl.css" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="jquery.slideControl.js"></script>

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



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


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.


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