Name

Company

Email

Phone

Message

Thanks!


Manual - installation

Download the latest jQuery. Download the latest jQuery.spinTheWheel.js here.
Add the following code in your HTML file:
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jQuery.spinTheWheel.js"></script>

<script type="text/javascript">
 $(document).ready(function() {
  $('.aSpinner').spinTheWheel({ defaultValue:0, maxValue:1000, minValue:0, valueSpan: 10 });
 });
</script>
...
<div class="aSpinner"></div>

Manual - customization

These are the parameters you can change:

minValue:
integer, self explaining

maxValue:
integer, self explaining

defaultValue:
integer, self explaining

valueSpan:
integer, the span between each showed value

callback:
function, called when the value is changed

horizontal:
boolean, self explaining

nrElements:
integer, nr of elements showing values

cursor:
string, which mouse cursor to show when hovering the element

snap:
boolean, when true the scroller stops only at the showed numbers

valueTransform:
function, tranforms the real value to a showed value

transformValue:
function, tranforms the showed value to the real value

valueTranslate:
function, translates the real value to a symbol

translateValue:
function, translates a symbol to the real value