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?
View 2 RepliesI'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.
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 ?
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.
View 2 Replies View RelatedFrom 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
View 1 Replies View RelatedI 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.
View 2 Replies View RelatedI 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?
View 1 Replies View Related I have the following
STAGE
SYMBOL_1
DIV_PLAY
MOUSEUP(COMMAND)
DIV_STOP
MOUSEUP (COMMAND)
[Code]...
I would like to do the following:
play "SYMBOL_2" - "DIV_ANIMATION_1" - "ANIMATION_1_START" from within "SYMBOL1" - "DIV_PLAY" with the mouseup command
URL....I know that i can sym.getComposition().getStage().getSymbol("div_animation_1").play(); from within "div_play" but how do i access a point on the timeline and play from there...
Everything was working fine, now every time I try to load an image into my composition I get this error "Error Loading Image!"
View 1 Replies View RelatedI 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.
View 3 Replies View Relatedjust 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 have a symbol called "A." I needed 2 copies of it, so I duplicated A and renamed the new symbol to B. I now have A and B, identical copies of each other.
I navigated inside symbol A where I entered another symbol, "A1." Inside A > A1, I removed an image and added another image. No problem so far.
Then, I returned to the stage and navigated into symbol B > B1. To my surprise, the same image change I made in A > A1 already appeared in B > B1 (even though I duplicated A **before** making this change).
When I change the image inside B > B1, that same change is now present back in A > A1.
It's as if these two symbols, A and B, are mirrors of each other, even after being modified. Trouble is, I don't want mirrors. I need them to be slightly different.
I thought the Duplicate step might be my problem. I started over (both by undoing several steps and by closing and creating a new document entirely). This time, I copied A and pasted it onto the stage. I ran into the same problems.
Ok, next guess: this time, I entered symbol A and copied its elements/sub-symbols. I went back to the stage and pasted them there. Selected these elements/symbols and converted to a new symbol. Same problem!
I created a simple symbol from a circle with a cross inside (two rectangles). The symbol has two states labelled "normal" and "over" in which background colors change : on mousover and mouseout on the circle, sym.stop("over"); and sym.stop("normal"); respectively.
The problem : "over" when the cursor hovers over the circle, but back to "normal" when it hovers over the cross. The API suggests to use mouseenter and mouseleave to avoid child elements of the symbol interrupt the mouse event. I tried it, but the behavior is the same.
Is there any JavaScript solution (I'm a beginner, coming from AS3), or should I bypass with two flattened graphics "normal" and "over" ?
i created an animation inside symbol.i created a button outside the symbol. the animation only works when the button click?
View 4 Replies View RelatedOn the stage I have a button and a hidden symbol. The symbol has an animation within itself.When I click the button, the symbol becomes visible and plays the animation. Its all good so far.I want to be able to click the now visible symbol, the animation within itself plays in reverse and then it hides itself. How do I make it hide itself after the animation plays in reverse?
BUTTON CODE (This works for me):
sym.$("AnimationOne").show();
var AnimOne = sym.getSymbol("AnimationOne");
[code]...
If I add this, it just hides itself without animating in reverse
I'm trying to show captions when the user clicks on a button (captionButton) symbol. All permutations below work for showing the captions but none of them work for showing the button ever again, though it does hide the captions.
// compositionReady script
var captionBar = sym.getSymbol("captionBar");
var captionButton = sym.getSymbol("captionButton")
sym.$("captionButton").css('cursor', 'pointer');
[code]....
how to make a logo spin in edge animate. Not as a clockwise spin but on it's axis if that makes any sence.
View 6 Replies View RelatedI have started to work on an animation which will work as a splash-screen before the users see the actual site. (Yes I know... but the client wants it like this...)
The problem I have now is that the animation plays after a few seconds and that during these seconds it shows the content of the website. Besides that I still find it pretty difficult to actually position the animation the way I want.
I am using a plug-in for wordpress.
I tried fixing this with a pre-loader but this is also too slow. Is there any way I can force the animation to play sooner or to make sure they can't see the content before the animation has played?
You can find the concept of the website on: [URL]
not only to Edge Animate but animation in general. Never used Flash either. I want to create a "spinning disk" that I can use on a web page, similar to what's on this company's website.
View 3 Replies View RelatedI am looking for a way to import a sequence of images that represent an object spinning. I'd like to be able to import these onto the timeline and have it play thru the images by turning them on/off at the correct time. I basically want to do the same way that you can do in Flash when importing an image sequence.
View 1 Replies View RelatedIs there a way to "eval" or dynamically set a symbol name that has been parsed from XML to build a symbol path? For example, I'm trying to dynamically set a variable to the path of a sysmbol already on the stage, but it's not working correctly:
var xmlSymName = $('symName', this).text(); // where symName = "sym4" from a parsed XML node
var whatPOI = sym.getComposition().getStage().getSymbol("sym1").getSymbol("sym2").getSymbol("sym3").getSymbol(xmlSymName).getSymbolElement();
Basically I have a lot of points on a map and I'd like to be able to name the points along with other data like tooltip callouts, etc populated via XML then loop through the XML to build the points of interest on the map. If I can get the above working I can place that variable path reference into an array and grab the data from it later. But the path is not working the way I have it.
Can I call a symbol from the symbol panel and place it on the stage?
View 2 Replies View RelatedThe scenario is this, I have a symbol(TitlePage) on my main timeline. Inside the symbol(TitlePage) there is a play button. How can i set a click event on this symbol that access the main timeline(stage) labels?
View 6 Replies View RelatedI have a macbook pro with Photoshop CS6 installed. Recently Photoshop has been freezing frequently. Especially if I try to use too big of a brush. The cursor will change to the rainbow loading symbol, and I can't click on anything else on the computer. After it is finished loading a few minutes later, everything else on the computer is slowed down. What can I do to make the program run faster, and stop it from freezing? Is it the program or the computer? Does the computer need more speed to be able to run the program?
View 3 Replies View RelatedWhen I load a set of files into RAM Player they do not always fully load. In two separate instances 1381 frames have loaded (in todays example there are 1921 frames rendered in the set).
I guessed that stopping at 1381 frames on two occasions was a bit curious and maybe thought the memory limit was not set high enough. I increased this but no change.
I'm working on a project where I need to duplicate all animated sequences for both a male and female character. I currently have two biped rigged characters. I animate one, save the .bip animation file and then load into the other. I check the boxes for "Load max Objects" as I have some objects (like a glass of water) set as an IK pivot object. It loads those into the new scene along with the new pose, but the pose goes wrong, thought just with the arms (which are incidentally the only parts that have a seperate object as an IK pivot object.)
Here's a screenshot to show what I mean:
This incorrect animation happens whether the .bip animation file I save is loaded into the other character or loaded into the same character in it's original T-pose.
After animating, controls will not show up in the graph editor for fine tuning.
View 1 Replies View RelatedWhat is the syntax for retrieving the name of the symbol that has been clicked on?
$sym.symbolName
$sym.name
$sym.getAttribute("name");
e.target.name
e.target.symbolName
I can get e.target.id fine, but it's a mixture of Edge generated identifiers and my symbol name.
I have some codes like this:
function myFunc(name) {
var $symbol = sym.$(name);
//I want to do something with $symbol depending on their id, for example
//$item.appendTo($symbol);
//so $item will append to the corresponding symbol
}
[Code]...
I tried .attr('id') and it seems not the id I want.
EDIT: indeed I want to get the selector inside myFunc
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 Related