I am creating a slide show and I added a stop and click to play action so it is interactive so the user must click to go to the next slide. The stop is working but the click an day is not when I preview in the browser?
View 4 Replies...like a menu popping out and going back again.
View 7 Replies View RelatedI have a text object in my Animate comp. It's pulling in HTML using JQuery's .html command. What I'd like to do is from that HTML, I'd like add an a href or similar link where onClick something happens to another Animate symbol. In this case, I'll make it simple and just show a div, but it could be anything. Of course, Animate has actions for symbols in the Elements panel, but this needs to happen from the HTML itself. Like this:
sym.$('content').html('<p>If you click this link, the <a href="sym.$("gallery").show();">Photo Gallery</a> will appear.</p>');
OK, this is a simplified version and I realize the syntax in the a href is completely wrong. But you get the idea. I click in that text and a div now appears on the screen. Also would be great to do it from an image link as well.
So is there a way to do this in Edge Animate? It's important I need to find a way to make this work.
In my Composition there some cases I have to play one symbol. In a few cases it is necessary two play sequential e.g. symbol A an then symbol B. It have to look like one animation. Is there an easy way of calling?
View 19 Replies View RelatedThe Elements window in Edge Animate seems to be unstable. When I right-click in the field to modify an asset, Edge often crashes with the resulting error message:
Edge Animate - Exception An error occurred. Please save your work and restart Edge Animate.
It happens quite frequently (~7/10 right-clicks)
I've created an Edge animation (marquee) banner for a site I'm working on, but when I check it on older computers (for example XP running IE7), all I see is a large white rectangle where the marquee is supposed to be. A
View 5 Replies View RelatedI'm building an animated menu in the latest version of Adobe Animate. There are 5 different animations that happen within the same box on the main stage. I have made each animation it's own symbol. I want to trigger the animations from text boxes to the left of the box where the main animation takes place. The text boxes are not apart of any of the symbols, but are just on the main stage.
When someone scrolls over any of the individual text boxes i need to play one symbol's timeline AND hide all of the other symbols from the stage.
I have a symbol，some timaline and labels in it.so now I want to play reverse between the Label A and Lable B but the action syntax is like
test1_play.playReverse();
so how can I play reverse rom LableB to LableA?
sym.playReverse ( position, executeTriggers )
position defaults to the current playhead position (which defaults to 0); If play is issued and the playhead is at the end of the timeline, play from the end.executeTriggers can be true, false, or null and indicates whether triggers at the starting position are fired:true - all triggers at the starting position are fired.false - no triggers are fired at the start point.null, undefined or omitted - triggers are fired at the starting position only if the timeline is being played for the first time, or if the starting position is different than the current playhead position as returned by getPosition().Description: Play the default timeline in reverse from the given position given in milliseconds (if position is a number) or as a label (if position is a string).
So my animation is a song and I'm doing like a video clip with interactivity (the interactivity is not inside at the moment).I need to have a play button so we can see (heard) on iPhone, iPad...
My problem is that the animation begin immediately behind the play button and before I press it.So the song and the animation are not synchronize.I try many things to stop the animation but nothing is working.
I have created an animation and I would like clicking on a button (javascript) that is within the outer body, start the animation.
View 1 Replies View RelatedI have and element and what I'm trying to do when I click on this element, it starts to play reverse the timeline for 1 sec and after that it continues to playing the timeline from an other point.
View 3 Replies View RelatedI have made a pause and a play button to my slideshow.The pause button is just a boks with the click-action code:
sym.$('btn').click(function(){
sym.stop();
});
The pause button is a boks with the click-action code:
sym.$('btnPlay').click(function(){
var timelinePos = sym.getPosition();
sym.play(timelinePos);
});
It works but in the beginning, I have to click twice before the function works. It is only the first time. After that everything works fine.
I created an Edge Animate document and it has text animations where the text fades in and out. Now it works fine in IE and Chrome but not FireFox. All the text displays all at once in a jumbled mess.
View 2 Replies View RelatedI saw a post on this issue but was not sure where to put the code I read there. how exactly to edit this code line to work
I am inside a symbol "oneAnimation". At the end of the animation "backBtn1" appears. Inside this button, I have added an event on click. I want the stage timeline to play from the label "startNumber" when this button inside the symbol is clicked.
So far it's not jumping back to the main time line.
sym.getComposition().getStage().play("startNumber");
All- I have a symbol on the main stage called "Con-main" that has a symbol inside of it called "VID-PLAY". I have a symbol inside of "VID-PLAY" called "RC-VID"
I'm trying to hide this symbol on creationComplete within VID-Play
sym.getComposition().getSymbol("CON-MAIN").getSymbol("VID-PLAY").$("RC -VID").hide(); //DOESN'T WORK
sym.getComposition().getStage().getSymbol("CON-MAIN").getSymbol("VID-P LAY").$("RC-VID").hide(); //DOES NOT WORK
what am i missing?
I'm doing an animation where I have a 2d side scrolling concept.
I have a side scrolling world with road, and the user controls a car driving left or right from one area to the other. The user controls the direction of the car via keydown (arrow keys).
Now the problem is, if the user presses right, then it works fine and the car drives forward to where I want it to stop. But if the user presses left to go back to a previously visited area...the car reverses to the previous area.
The way the keydown events control the timeline is simply if the user presses the right arrow key I simply call sym.play(); and when the user presses the left arrow key I call sym.playReverse();
how I can manage to either swap the car symbol with another symbol...or flip the car symbol 180 degrees.
The desired effect is, if I call the play action the car must face right > and when I can the playReverse action the car must face left <
How do I insert an audio while you play back an animation?
View 2 Replies View RelatedI have uploaded an edge animate cc published html with sound. The html file opens perfectly on my mac pro safari browser perfectly with audio. But when I open the same file on my iphone5 the file opens but no the audio does not play.
View 4 Replies View RelatedI have an animation that runs for around 2 minutes. I want to add a button that the user can click to pause/play this animation if they want extra time to read the content on screen. I'm not sure how to tell a button to pause at the current frame and resume when clicked by the user. The button will also need to change states from a pause image to a play image when clicked and vice-versa.
View 8 Replies View RelatedI have a dozen or so animated symbols on the stage and I'd like a randomly called one to play each time users click a button.
View 6 Replies View RelatedI have an animation in Edge, and I'm trying to make a button that can play the timeline for a specified amount of time and then stop, without the aid of labels. So, I figured if i set the button to sym.getSymbol("mysymbol").play(500); it would make the timeline of that symbol play for 500 milliseconds each time the button is clicked, but it is not working, as this makes the whole thing simply start playing at 500ms. So I then tried adding a stop action after this:
sym.getSymbol("mysymbol").play();
sym.getSymbol("mysymbol").stop(500);
But this didn't work, because I guess since these events are one after the other, it doesn't wait 500 seconds to stop, and it reads stop(500) immediately after the play instruction, so that didn't work either. I'm pretty new to javascript, but I've been really trying to learn it along with the Edge API for a couple weeks now and still can't seem to solve this problem.
I have created an animation with Adobe Edge. My site uses Concrete5 and I am pulling in the Edge content into an IFRAME on my home page. I want the animation to play from the start when someone first visits the site, but if during their browser session they navigate back to the home page, I want the animation to only play a shorter segment of frames near the end.
My question is, how do I use cookies to acheive this? I'm new to javascript/jquery.
I've included the following code on compositionReady, (found in another post on this forum) but don't have a clue how to continue...
// insert code to be run when the composition is fully loaded here yepnope( { nope:[ '/js/jquery.cookie.js' ], complete: init } ); function init() { //create your cookie's initial values here } My temp site is here -[URL]
On revisting the homepage, I only want to play from when the green button drops in.
Ive made my entire web page its work great in Mozilla firefox broswer. Although when I view the page in Internet Explorer the sound and music dont play. heres a link to my page.
http:[url].....
heres the link to download the Edge files of my project.
https:[url].....
I'm trying to embed a video into my project and although the initial setup was simple, getting it to play in all browsers is proving to be very difficult. I've read more articles and forum threads than I care to recall, but just can't seem to find the right combination. Safari wil play audio only and IE10 gives me "Error: Unsupported video type or invalid file path".
I've contacted my host provider to ensure that the server is compatible with all video formatts and I've had other people from different locations try to play the video with slightly varied results, but ultimately the video doesn't play for them either. Here is the code I'm using:
I started with this code that I picked up from an online tutorial:
var vid = sym.$("Holder");
vid.html('<video width= "838" height="609" src = "video/tester.mp4" poster = "video/DFC5.jpg" type = "video/mp4" controls ="controls" </video>');
I eventually moved to this in order to attempt to accommodate multiple video formats/browsers:
var vid = sym.$("Holder");
vid.html("<video width='838' height='609' preload='auto' poster = 'video/DFC5.jpg' controls ='controls'>" +
"<source src='video/tester.mkv' type='video/mkv' />" +
"<source src='video/tester.mov' type='video/mov' />" +
"<source src='video/tester.mpg' type='video/mpg' />" +
"<source src='video/tester.webm' type='video/webm' />" +
"<source src='video/tester.mp4' type='video/mp4' />" +
"<source src='video/tester.avi' type='video/avi' />" +
"<source src='video/tester.wmv' type='video/wmv' />" +
"<source src='video/tester.ogv' type='video/ogg' />" +
"</video>");
My first time using Edge. I exported an html file from Muse & just wanted to animate some buttons on the page sliding in. But when I click on anything thats a button (from Muse) I get the Exception Error message "An error occured. Please save your work and restart Edge Animate"
It seems to happen to anything in the file that has more that one state. Is this something that I cant do in Edge?I've tried restarting. saving as a different file in a different location. uninstalling/re-installing Edge.
Not sure if it matters: The buttons that I'm trying to animate were not automatically created from a Muse Widget. I made the different states in Photoshop & imported as a photoshop button.
I'm having a problem with IF ELSE code use with a mouse click. What I want each time a user "clicks" i want to execute a particular block of code, up to 3 clicks, then nothing. I've tried local and global click counter var but can't seem to get past the first "if". This is what I have now (I'm using console.log() to keep track.
In comp ready i create a global var ...
// insert code to be run when the composition is fully loaded heresym.getComposition().getStage().setVariable('clickcnt', 1); //set counter to 1
var i = sym.getComposition().getStage().getVariable('clickcnt');
console.log ("Counter is starting at "+i);
on the stage i create a "click" event..
// insert code for mouse click herevar i = (sym.getComposition().getStage().getVariable('clickcnt'); if (i=1){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 2); //set counter to 2 } else if (i=2){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 3); //set counter to 3 } else if (i=3){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 4); //set counter to 4 taking it out of range sym.play(100); //play the timeline animation } else { //
I'm using this to negate any further clicks. I'm sure there's a proper way to do this. I just don't know it. sym.stop(1000); console.log("end"); };I When I run this It never gets passed the first if, It's like the "clickcnt" var is not getting updated or read properly.
When I try to add a click event on a symbol, I can't access to the symbol, only to the parent. For example, if on the event click on a specific symbol A I add the code
var symbolElement = sym.getSymbolElement();
symbolElement.hide();
It will hide the parent of A, instead of hiding A. How do I access to A?
I have a banner I have been working on with three spinners like a slot machine. Currently I have everything hand animated to rotate the spinners to spin to one of 4 options each. What I would like is to have a button that triggers the spinners to rotate to a random ( 1 of 4 ) points over the course of 1/2 second 500ns.
Is there a code snippit that will make an object rotate to one of 4 chosen variables?
How do I reference `this` when a symbol is clicked? I have a click event on 'alien' on the stage. In the handler, sym appears to be stage and not 'this'.
I want it to play itself (amoung other things) when clicked.
e.target gets me the element, but not the edge symbol so I can play itself.
it's all in the title^^
when i try to preview in browser , it loads like 2 seconds then nothing more happens.
I'm using Animate to create a lesson/course and I would like to be able to click on a word in the text and have a new text box open with a definition/explanation of the word clicked. Is there a way to do that in Animate? I haven't been able to figure it out.
View 3 Replies View Related