Movie Clip Overlapping Flicker Problem

[nikster]

Hello

Our designer has created a navigation system with different types of overlapping images. There are ten graphics (big and small overlapping) in a row and when the user rolls over over each graphic a movie clip plays and the size of the graphical button moves to the front and grows bigger and on rollout the image will go back to its original state (the menu system works a bit like the Mac Os X).

The problem I am facing is that because the images overlap with each other when the user rollsout, the rollover event on the image next to it gets activated and causes a flicker between the two movies. All the rollover/rollout events are performed by converting them with a movieclip animation.

So far I have tried these without any success:-

1. swapDepth
2. setInterval to make a delay in the movie
3. hitArea: The problem here is that the hit area cannot be transparent and we have a couple of transparent images

Any suggestions on how I can fix the overlapping movie clips flicker problem?

[oldnewbie]

Are you basically talking about the same kind of effect as on this menu example but with pictures rather than just filled shapes?

http://www.hed.swin.edu.au/design/tutorials/flash/slide_in_menu/index.php

[nikster]

Hi

Thanks for your help. I looked through the code on your site and I wanted something similar but the problem was the overlapping transparent graphics.

I did this and it worked:-

var brooch:MovieClip;
mc_over._alpha = 0;
brooch.onRollOver = RollOver;
brooch.onRollOut = RollOut;
brooch.onRelease = Release;
brooch.hitArea = mc_over;

function RollOver():Void
{

this.gotoAndPlay("over");
}

function RollOut():Void
{
this.gotoAndPlay("out");
}

function Release():Void
{
_root.mcTextContainer.text01._visible = false;

_root.mcTextContainer.mcOutoflife._visible = false;

_root.mcTextContainer.text02.gotoAndPlay("nabi_text");

}