I am using a custom item renderer to show a set of collector
cards (normal state shows front, rollover shows back)
The parent component is a Tilelist containing a set of VBoxes
On the rollover state, the image continuously flickers. How
do I keep it from flickering?
Your problem stems from multiple mouseOver events. I've made
some modifications to your code which seem to work. The states have
been removed and replaced with actionScript methods which do the
The method for the mouseOver event swaps the image and
disables the event to prevent flicker. The method for the mouseOut
event will restore both the image and the mouseOver event.
The other change is the source of the event. Rather than the
box, the photo should be the source of the event just in case the
photo is not the same dimension as the box.
private var p1: Class;
private var p2: Class;
private var toggle : Boolean = false;
private function rollDuck(event : MouseEvent) : void
// this event is triggered the first time the mouseOver
photo.source = p2;
// now remove event barrage to stop flickr