You’d think this would be an easy one, but …
I have an animation of a spinning globe made from 2 maps placed back-to-back and a circular mask over them. The animation loops endlessly to simulate a spinning globe. This animation was made into a movieclip (globeSpin) which is nested inside another movieclip (container_mc). I want to stop the spinning effect when a user mouses over and start it up again when they mouse out. Code is below:
container_mc.addEventListener(MouseEvent.MOUSE_OVER, stopSpin);
container_mc.addEventListener(MouseEvent.MOUSE_OUT, startSpin);
function stopSpin(me:MouseEvent):void {
container_mc.globeSpin.stop();
}
function startSpin(me:MouseEvent):void {
container_mc.globeSpin.play();
}
As you might have guessed by now, this actually does nothing … mousing over container_mc does not stop globeSpin from spinning. Any suggestions as to what I’m missing?