//Instantiate and get the instance from the element's data-spriteClip property var instance = $(".awesome-button").spriteClip({ totalFrames: 30, frameRate: 60, stops: [1, 30] }).data("spriteClip"); //Equivalent to //var instance = new SpriteClip($(".awesome-button").get(0), { // totalFrames: 30, // frameRate: 60, // stops: [1, 30] //}) instance.$elem.on("mouseover", function () { instance.play(); }) .on("mouseout", function () { instance.rewind(); }); instance.$dispatcher.on(SpriteClipEvent.ENTER_FRAME, function () { $(".currentFrame span").text(instance.currentFrame); });