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
