Hi everybody,
I have a tile list that I filled with images using a data provider.
What I would like to do is to add a listener for roll over and a listener for roll out:
//Listen for RollOver
tiles.addEventListener(ListEvent.ITEM_ROLL_OVER, tile_Over);
//Listen for RollOut
tiles.addEventListener(ListEvent.ITEM_ROLL_OUT, tile_Out);
and then, every time I roll over/out a single item I would like to have a glowing effect:
private function tile_Over(e:ListEvent):void {
TweenMax.to(e.index, 0.5, {glowFilter:{color:0x24ee37, alpha:1, blurX:30, blurY:30}});
}
private function tile_Out(e:ListEvent):void {
TweenMax.to(e.index, 0.5, {glowFilter:{color:0x24ee37, alpha:0, blurX:30, blurY:30}});
}
The problem (I guess) is that using e.index doesn't work because it returns a number so I get and error:
ReferenceError: Error #1069: Property filters not found on Number and there is no default value.
but if I use e.currentTarget or e.target what it glows is not the items but the TileList container and the slide bar :S
Is there any way to reference each single item and make them glow?
Any help is appreciated. Thank you in advance.