Hi. I am trying to add a play/pause feature to an EA animation so that I can use it as a substitute for a powerpoint-type presentation.
I have created an animation which works satisfactorily and runs correctly from beginning to end. To add a play/pause functionality, I have created two buttons (play and pause) and have set these up in the corner of the EA stage. I then added the following actions to each button in the js coding box.
For the pause button, which I have called 'pause-icon', I wrote:
1 sym.stop();
2 sym.$("pause-icon").hide();
For the play button, which I have called 'play-icon', I wrote:
1 sym.$("play-icon").click(function(){
2 var timelinePos = sym.getPosition;
3 sym.play(timelinePos);
5 sym.$("play-icon").hide;
6 sym.$("pause-icon").show;
7 });
I also added a pointing-finger cursor property to each button.
This code is not working when I preview the animation in my browser. The buttons do cause the cursor to change, but do nothing else. Clicking on either on them has no effect on pausing/playing the animation. What needs to be fixed?