Question

I am working on an animated jQuery menu using Spritely the problem I have is that the animation appears not to be very smooth at all. Very stuttery. Ideally what I’d like to do is the user mouses over, Then mouses out but when they mouse out the frames stop at that frame and a mouse over again will replay this. However the animation effect appears a little stuttery.

Wonder if anyone can help me on this one.

I’ve made a jsFiddle of it to play and tweak

Thanks

Answer 1

I think below snippet work as expected, if I didn’t misunderstand id

$("#access .menu-header ul li#menu-item-27 a").hover(function() {
        $("#access .menu-header ul li#menu-item-27 a").sprite({
            fps: 12, 
            no_of_frames: 9,
            play_frames: 9,
        }).spStart();
},function(){
   $("#access .menu-header ul li#menu-item-27 a").spStop(true);            
});