I'm trying to change the opacity and the saturation of an image when I rollover it. I can make it fade in and out just fine, but I'm having trouble controlling the saturate filter. Anyone done this? It must be possible! I know I can do it with a couple of layers, one gray and one color, then making the top one fade in and out, but I'd rather solve this in code.
Here's what I have so far:
In the actions window of my graphic, in the mouseout section:
sym.$("half_barista").animate({ "opacity" : "0.5" , "filter" : "saturate(0.0)"}, 500);
In the mouseover:
sym.$("half_barista").animate({ "opacity" : "1.0" , "filter" : "saturate(1.0)"}, 500);
But only the opacity is working. Thanks!