Synchronise symbol animation using Edge Commons

Question

Hi All,
I've been trying to animate a PNG sequence that I created with After Effects and Fireworks using the Edge Commons parallax snippet. I'm also trying to make this responsive. I have a vague understanding of the code used so I put together a few other bits and pieces of code I found on these forums.
The effect I'd like to obtain is to scroll down and synch the animation of the symbols with the scrollbar. Ideally I'd also like to reverse the animation when scrolling down and pull in other symbols but I'm not even sure that this can be done using inline code or actually creating the reversed animation within the symbol.
I've been trying hard in the past few days but this is where I got so far ;(
https://www.dropbox.com/s/fr6ygqs16jq11fu/wedding_invite.zip
Sorry the file is pretty heavy but the png sequences aren't optimised yet.
Thanks

Answer 1

Hi Eric ,
There might be many ways to do the play and play reverse using click operation as described by you but this is what I think could be done .
We can set a variable in our compositionReady function   sym.setVariable("count", 0);
Then in the click handler of the symbol we can write the following code
var x = sym.getVariable("count");
var mySymbolObject = sym.getSymbol("Symbol_1");
//Now check if you have clicked once then play otherwise play reverse .
if(x%2 == 0)
          mySymbolObject.play();
else
          mySymbolObject.playReverse();
x++;
// Set the value of a Symbol variable
sym.setVariable("count",x);
Please refer the attached composition . Hope it helps
Thanks
Saurav