good afternoon

i have problems with solving the following:

there are animated gifs and a static picture
if the mouse moves, the gifs should be shown, (without static picture)
if the mouse is not moved, the static picture should be faded in, the gifs schould be faded out.

how can i realise that?

my source code so far:

void draw() {
 background(bg);
 mouseAktuell=mouseX;
 image(rabe, mouseX, mouseY, 50,70);
}

void mouseMoved(){
if(mouseX<mouseAktuell){
   image(loopingGif1r, mouseX, mouseY);
   imageMode(CENTER);
   mouseAktuell=mouseX;
}

if (mouseX>mouseAktuell){  
   image(loopingGif1l, mouseX, mouseY);
   imageMode(CENTER);
    mouseAktuell=mouseX;
}
}

but (of course) the static picuture rabe is shown the whole time...


PLEASE give me some advice, hint, help or else
thanks, carina