An example of how to use an animated sequence of png images for the mouseover event on an Image object in the After Effects ScriptUI panel.

ScriptUI animated mouseover

Snippet uses the app.setTimeout() method that pings application every 1000/60th of a second. It should not be overused, otherwise, it will bog down the system. However, this is justifiable in our case, since we're only using it on mouseover event, and canceling it on mouseout.

Copy the entire function addAnimatedImage(parentGroup, options) { /.../ } function into your code, and then invoke it like such:

var animatedImage = addAnimatedImage(win, {
 mouseoutImages: 'path to a folder with MOUSEOUT png sequence',
 mouseoverImages: 'path to a folder with MOUSEOVER png sequence',
});

Apache 2.0 licence