I put an Edge animate file into an iframe on SquareSpace, but the parallax scrolling function stopped working. I used the following code on my stage and it works great when I put it into a normal browser, but just not in the iframe. Any ideas if I should put the javascript somewhere else or if there is a better way to insert it?
yepnope({
load:"http://cdn.edgecommons.org/an/1.0.0/js/min/EdgeCommons.js",
complete: function(){
EC.debug("Commons ready: "+EC.VERSION);
EC.Parallax.setup(sym);
}
});
Hello again,
I have created a main stage just with a simple button. After clicking the button, a new page ("slider") appears.
It works well. Then I added a close button to this new page to come back to the main stage. I used the click-function
sym.$("slider").hide();
It works, but back to the main stage, the button doesn´t work anymore.
I also tried:
sym.$("slider").css("display", "none");
The same effect, I cannot press the button to show the "slider" again.
I am sure, it´s an easy issue, but but but...
I hope, someone can help me.
Thank you!
I am new to adobe edge and want to know if it is possible to use the same animation more than once in the same page?
What I mean here is I have parent div elements that hold each animation and I put a display:none style on each div page that I want to hide and then remove it when I want to show the animation.
So I have the following:
<div>
<!-- Adobe Edge animation --->
</div>
<divstyle="display:none">
<!-- Adobe Edge animation (same as above)--->
</div>
I alternate between the two divs setting the style and removing it. Since my animations are the same the reason I am doing this is I am using angularjs to inject in my data so that each animation plays with different data.
What I am seeing is the last animation is shown and runs but only the CSS is shown for the first animation as it does not play.
I think this is because JQuery is used to target specific elements and as we now have duplicates (same animation), the last animation is played.
Is there a way I can overcome this?
Can I modify the edge scripts generated to target only the elements which do not have the parent div without a class 'style:none'?
Really freakin' bizarre...
On iPad my fonts look fine.... every desktop browser I try... fine. On iPhone (tried both 4s and 5), 2 of my sections have to font waaay too big... but only 2. the site: http://www.audronis.com
The slide that talks about aerial imagery, and the one with references. Both have the font way too big. I've tried:
Changing from px to %
Changing from Verdana family to Helvetica Family
14px, 16px, both look exactly the same.
Any ideas?
I am working on a complex animation in Edge Animate with a lot of elements (mostly .svg) and movement. I had trouble with disappearing elements in chrome and opera, but NO other main browser (it also works fine in chrome canary, an experimental browser). I got rid of most of the suddenly disappearing elements and some other minor bugs with grouping elements together, move some groups or single elements to the foreground/background, I also took some static non-moving elements and converted them into a single .png which I moved to the background. This solution: Re: The Strange Case OF Disappearing Elements! in combination with manually changing the z-index of some elements was also helpful.
Now, I´m facing a new problem with chrome: The background of the animation is flickering (it should be plain white) or is just black. Also, if you scroll down, it changes the background from white to black or vice versa. I tried some workarounds, like, making the background of the animation transparent and placing a white div behind it and some other things like that. The animation itself (published on a ftp-server) works fine, but since I embedded it in an iframe-tag, I experienced this issue.
I really don´t know how to change the browser´s behaviour, does anybody have a clue or knows a possible workaround? Also, could it be, that with one of the coming chrome updates, this problem no longer exists? I´d appreciate any help.
You can see my animation here: http://bleib.in/
greets, adrian
i'm wondering if the code this generates is html 5
Ok so if I was hand coding this it would work fine but for some reason it doesn't wok in edge ? here it is
sym.$("#Stage_Info_Facebook img").click(function() {
sym.$("#Stage_Info").hide();
});
For some reason it doesn't work?
there is method to the madness I need the img inside the div to be clickable not the actual div itself
Any idea's?
I'm having some issues using Adobe Edge Inspect with the Wi-Fi connection at my job.
Mainly for testing on the iPad. Is there any kind of plugin that I can bring up a "Virtual-Tablet" on screen and test using that?
Like the Touch Commands would all be in place but I can test them via-mouse on screen, etc.
Thanks!
my software missed my this amtlib.dll file
Hi there
We've built an animation in Edge and placed into a Muse site ...
... the idea is to click on the blue buildings, to take you to the project pages.
But rather than opening a new page, the hyperlinks open up the page within the Edge frame?
Could somebody let me know how to correct this please?
Thanks
Simon
Hi, is there a way to sort the order of mySnippets in the Edge Animate snippets panel?
When embedding video in Edge, does it need to be mp4 file format? And once video is embedded, how do you get it to play automatically?
I need to add a line of code since it will not decrease the letter spacing to -20px. It only increases on Edge Animate. I was told to add this line of code below -
sym.$("Text2").css("letter-spacing","-20px");but couldnt find CompositionReady of the Stage actions. There are files like filename.html, filename_edge.js, and filename_edgeActions.js
Which file above should I add a line of code to?
I have two PNG images (btnOFF.png and btnON.png).
On the btnOFF I have sym.getSymbol("btnON").play("Over"); to display the btnON.png
and I have
sym.getSymbol("btnOFF").play("Out"); to turn off the btnON.png.
That didnt work when I hit space to test it.
I tried pressing delete and right clicking on the symbol, but the delete command is greyed out...
Why can't i delete symbols?
I have a text element on the stage and I would like to insert text that contain more that one line with text(). Is that possible ?
Something like:
sym.$('myTextElement').text("string of text of first line" + "string of text of second line");
Hi,
I am working on a prototype where I would want to load all my compositions up on the first web page that is requested (index.html) and thereafter only play the animations one by one as requested a user.
The user will not be interacting with the web page but will update a json file on the server and via web sockets I will change the order of the animations that are shown.
So will loading all the animations up front (could be up to 50 separate animations) be a bad performance move?
The reason I don't want to load the animations when needed is I am trying to avoid the delay of building the composition. I'd rather have everything ready to go.
I have been looking at Edge for a few days so not sure which is the best approach.
Thanks.
Hello All;
OK. Here we go.
Project is laid out like so
Stage
MainMenu (Symbol)
SubMenu1 (Symbol)
Within the MainMenu, I have a Label (ShowSub1)
The MenuItem under the MainMenu, when clicked, needs to activate the label (ShowSub1)
However, I cannot seem to access the Symbols.
This is the code that I have tried.
Access all Symbols
sym.getComposition().getStage().getSymbol('MainMenu').getSymbol("SubMenu1").play('ShowSub1 ')
Also tried this as well
sym.getComposition().getStage().getSymbol("SubMenu1").play('ShowSub1')
I need to Access the SubMenu Symbol and Label from within the MainMenu.
Any assistance on this would be great.
Thanks
Wayne
Hello,
I would like to know how I can publish my adobe edge animate project so that I could place it to a USB and give it to someone else so they could see it on their computer.
I would also like to know if by doing this it would also be able to work on an iPad or if you need to publish it using another technique for it to work on an iPad.
Any advice would help a lot. Thank you
Santiago
Hello everyone:
I'm having trouble doing something I thought would be simpler. I have done this in AS/Flash but it doesn't seem to work in Edge. I have a small animation in the timeline (1s animation of alpha 0 to alpha 100 of group of objets) and I would like it to play specifically at a given time.
I created a funcion called updateClock() that checks the system time and gets hours and minutes and I call this function every second so it updates with setTimeout. I have a conditional to play the animation at a given time (you might need to change this line) that starts at frame 1000, or else, that it freezes the timeline at that very same frame. Finally I call the function.
Right now this code is in .compositionReady, but I also tried a trigger at 1000 ms. Any help with this would be appreciated. At 1000 ms the trigger sym.stop() works. Right now not even that works and the animation plays by itself.
function updateClock() { var now = new Date(); // current date var m = d.getMinutes(); var h = d.getHours(); // call this function again in 1000ms setTimeout(updateClock, 1000); if(h== 20 && m== 56) {
//run the animation
sym.play(1000); } else { sym.stop(1000); }
}
updateClock(); // initial call
Thank you in advance for any help you can provide.