Edit in JSFiddle

var frames = SpriteSpin.sourceArray('http://spritespin.ginie.eu/images/rad_zoom_{frame}.jpg', { 
    frame: [1, 34], 
    digits: 3 
});

var spin = $('#spritespin');
var slide = $('#slider');

spin.spritespin({
    source: frames,
    width: 480,
    sense: -1,
    height: 327,
    onLoad: function(){
        slide.slider({
            min: 0,
            max: frames.length - 1,
            slide: function(e, ui){
                var api = spin.spritespin('api');
                api.stopAnimation();
                api.updateFrame(ui.value);
            }
        })
    },
    onFrame: function(e, data){
        slide.slider('value', data.frame);
    }
});

<!-- This example requires jquery UI -->
<div id='container'>
    <div id='spritespin'></div>
    <div id='slider'></div>
</div>

#container{
    width: 480px;
}