Advanced tutorials

Initialising with a list

Show code <style>
 .aSpinner
 {
  background-image:url('/__img/spinthewheel/overlay_vertical.png');
  width:125px;
  height:227px;
 }
 
 .aSpinner div
 {
  font-family:arial,verdana,sans-serif;
  color:#666666;
  font-size:20px;
  font-weight:bold;
  width:125px;
  text-align:center;
 }
</style>

<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() {
  var alist = ["Sweden","Norway","Finland","Denmark","Iceland"]; 
  $('.aSpinner').spinTheWheel({list:alist, cursor:'ns-resize', horizontal:false });
 });
</script>
...
<div class="aSpinner"></div><br />

---

Add a dollar sign behind using the parameter valueTranslate
Show code   <script type="text/javascript">
   $(document).ready(function() {
     $('.aSpinner'). spinTheWheel({valueTranslate:function( value ){ return value + "$"}, defaultValue:1, minValue:1, maxValue:1000, valueSpan:10, cursor:'ns-resize', horizontal:false });     });