Edge Animate CC :: Loading Page / Iframe And Animation At The Same Time?
Apr 13, 2013
I have a main page with a container (named BoxPlay) and a button. And I have an other page (page2) with severals animations on it : animation 1, animation2...
I would like to load the page2 but directly with one of his animations.
Code of the button :
var container = sym.$("BoxPlay");
container.append('<iframe id="currentPageHolder" width="'+container.width()+'" height="'+container.height()+'" src="pages/GallerieHomePage/GallerieHomePage.html" frameborder="0" scrolling="no"></iframe>');
How can I specify to load also animation 1 or animation 2 ?
This is a tricky one, but it may just be that I don't understand the syntax,
Situation:I have an Edge Animate composition that is acting as an interface and container into which other content is embedded using an iFrame. I have several functions in Stage > creationComplete, and for one of the embedded content pieces, I want to include a button that calls one of the Edge functions.
Challenge: I have read about referencing elements within Edge when it is the Edge file that is embedded on an HTML page, but I cannot figure out how to reference Edge in the reverse.
I have tried these options where headerselect(page) is my function:
my animation takes around two seconds to load within my browser. Is there a way to display a loading symbol such as spinning circle, that will show the animation is loading, then disappear once it is ready to display?
I am trying to find out if it is possible to start/load the animation based on a specific point in its timeline? The animation I am creating is a parallax animation based on mouse position and I am trying to load it in the middle of the animation and based on the users mouse position will play forward or backwards from that point.
I'm having trouble communicating with an iFrame. I've successfully loaded another Edge html into an iFrame inside another Edge project…
//I have a container called box sym.$("box").html("<iframe id='Mycontainer' width='100%' height='100%' style='margin:0;padding:0;border:0' src='mypage.html'></iframe>");
In my project I have an iframe, and I want to open a link in that iframe. But with a button which is outside the iframe. I thought that putting the name of the iframe in the target area might work. And in Safari work, but not in Firefox and Internet Explorer. These browsers opens the link in a new window, even changing the name in the target.
I have made an animation in edge, which I have then added into my Muse site. Is there anyway I can make the animation start when I scroll to it within the page.
I've placed my Edge animation in an iFrame.I would like to be able to trigger the animations in the Edge file, by clicking on links in the parent document.
Need to control playback of the animation based on an anchor in the web page. When the anchor comes into the browser viewport, it would trigger play, pause or stop.
And ... to control the flow/direction of the animation playback based on scroll direction.
The setup:
I would like to have the playback direction for Edge animations placed in a web page, to follow the web Surfer's scrolling direction.
Scrolling down or right, Animation plays forward.
Scrolling up or left, Animation direction plays backwards,
But, that's not all ... I would like to combine the scroll direction sync with ... Anchors
Image if you will:
Multiple Edge animations are placed at various positions on a web page.
Autoplay for each is turned off.
Wish to individually control the playback functions for each animation. - Start - Stop - Pause.
Wish to trigger their playback relative to when an associated anchor (becomes visible / invisible) is inside or outside, of the browser view port.
Sounding complicated?
I put up a web page diagram to illustrate the functions. [URL]....
I have a website banner made in edge with links to other pages of the site. The banner itself is within an iframe (Generally I avoid iframes but I had no option with this one). If you click a link, it will take you to the right page. However if you click the browser's back button, the original page begins to load but quickly redirects you forward again, thus virtually removing the back buttons functionality. However if I click "back" a second time, it works.
Another peculiar thing is that when the page loads, the contents of the page that I am navigating to start to load within the iframe before it redirects. I tried adding "_parent" as a target attribute to all my links but the problem remains. Does edge automatically detect iframe usage and assign link targets to the _parent frame with jQuery?
I'm currently working on a site which is almost 95% complete. The loading time for the site is approx 7-10 seconds which seems to be slow. I have placed a preloader but that doesn't seem to be coming up while the site is loading.
Is there anyway to speed up the loading time. Like some code that will tell it load specific number of frames first and then load the rest in the background?
I have compressed the images that are being used but cannot compress further as they may lose the quality.I've got the preloader working and now it seems to be showing up while the site is loading. Is there any way to speed up the loading time.
From the image above you can see that "jquery" loaded twice @ 91kb = 181kbedge 1.5 loaded twice @ 102kb = 204kb aswell as the edge and edge actions files loaded twice and if i boot strap comps together the images are loaded multiple times aswell
I followed the adobe tutorial to manually create an html page in order to have two edge animations on a page but it doesn't work well. The second animation starts but not the first one (I can see the first frame only).
I designed animation with adobe edge animate using png images, and added it to my website in adobe muse. When previewing the website it works perfectly, but when i uploaded my website to my host, everything loads except the edge animation content, in all pc and ios browsers.. Then after few clicks and mouse roll over the animation place on the page, and after a few reload of the page.. It loads and works.
I just updated to the latest version of Edge Animate CC yesterday. Great new features, by the way! However, I have noticed that with a simple file that I created with the new version, there is a 3-4 second loading latency when previewing a file and when launching the published version. This is not the case with files that I created in the previous version and have not updated.
Example: I have a gray rectangle element that covers the entire stage, and I have an action on creationComplete to hide the element. I see the rectangle immediately on launch, but it takes 3-4 seconds to hide.
I am working with Adobe Edge to create an HTML5 website. My problem is the website load very slow because it downloads all images before browser render the web. Is there any configuration or code change to make the image load after click or mouse over event?
I have an animating banner on my homepage that I want to link to another page. The same way that static image banners work.The click action set up inside the animation works perfectly in all browsers other than IE 8 and below.In IE 8 and below, the animation is replaced with a frame with the "Poster. png" image with a link; as expected.When the image is clicked, it loads the new page inside the frame where "Poster.png" was located. Not in the enclosing window. I've tried every Link Target that is available as well as some custom JS and JQuery scripts with no resolve.
just started using Edge Animate. I have some experience with Flash and After Effect so the layout is pretty familiar to me. I have no background in coding so I am very happy that it generates codes for me.
My goal is to make a simple html5 site with links / embedded videos to my contents (500 and vimeo). I copied some codes used for Youtube embedding, sub'd the url with vimeo url, and it worked fine. I used a "play video" button on the main page to trigger loading the video page (see my code below).
It worked great the first time I clicked the button and went to the video page. However, upon returning to the main page, and click the "play video" button again, a duplicate copy of the video is loaded right below the video loaded upon first click. This occurs for as many times as I click the play video button.
I am creating a mockup of a mobile phone operating system, and need to display a clock in the top right corner. Is there anyway to have the phone recieve real time updates through the computer, or internet's time?
I'm trying to centre an image to the centre of the browser using the responsive settings. My problem is that I can centre the image, but as soon as I start to scale upwards or downwards the Logo isn't staying in the middle of the browser.
Is there a way to make a menu in Edge Animate so that when you are on a certain page, that page is highlighted on the menu? I want to make it a server side include <!--#include virtual="/menu/included.html" -->
I have been trying to incorporate a custom cursor on my website. Nothing too exciting, I just want the normal cursor's tip to glow over the page so I designed it and saved it as a png but I am having trouble making it work.
This is an example I have been trying to recreate, but with no luck [URL]....
I can't figure out what I am doing wrong, even when I try to recreate that example, the cursor doesn't show up.
I create a child symbol on the stage animate it and store the varible in the window
var infoscreen = sym.createChildSymbol("_01", "stage"); window.infoscreen = infoscreen;
I put a Btn_inside the symbol and want to delete it. But first - I want to fade out the symbol. I dont know how to do this. So the animation has to be complete before delete, but how?