<div class="container" style="width:200px;height:200px;margin:0 auto;"></div>
      

        
          <button id="get">get index</button>
          <button id="getText">get text</button>
          <button id="random">random</button>
        
      

        $('.container').WSlot({
          items:['one','two','three','four','five','six','seven','eight','nine','ten'],
          center : 'first',
          distance : 50,
          displayed_length : 2,
          angle : 30,
          rotation : 0,
          item_height : 20,
        }).on('WSlot.change',function(e,index){
          console.log(index);
        });

        $('#get').on('click',function(){
          alert($('.container').WSlot('get'));
        });
        $('#getText').on('click',function(){
          alert($('.container').WSlot('getText'));
        });
        $('#random').on('click',function(){
          var rand = Math.floor(Math.random() * 9));
          $('.container').WSlot('rollTo',rand);
        });
      

get index get text random

    
        $('.someelement').WSlot({
          items : [],
          center : 'first',
          distance : 'auto',
          displayed_length : 2,
          angle : 30,
          rotation : 0,
          item_height : 20,
        });