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
View 1 Repliesjust 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 logic problem in my code that I need solving,
here's the bit of code which is supposed to set the text, image and link for a symbol used multiple times on the Stage.
var names = ["melz", "brom", "calm", "micj", "mick", "brir", "mato", "brym", "azin", "hugh", "nicl", "bonr", "lisa"];
var name = null;
for(var x = 0; x < names.length; x++){
name = names[x];
var initials = (name[0]+""+name[3]).toUpperCase();
var cursymbol = sym.getSymbol(name);
[Code]...
The text and image code work, however my problem is with setting the link. It always sets all the symbols to the last name in the names[] array. What I want it to do is to set the link to the personalised name in the array. So the HH button will link to hugh.html and the BM button will link to brym.html etc.
For now I'm going to play around a bit and see what happens.
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 Replies View RelatedI'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've got a symbol that I want to loop 3 times on the main stage.how to write the code
I was thinking of putting somethiing similar to the code below in the "onComplete" action of the symbol I want to loop (I know the code is wrong but I think it is a bit close):
var l_count = (0+1);
if (l_count <= 3) {
sym.play();
[Code]....
Is this close, or is there a better way to go about this?
I want to loop a code / function .. let's say 100 times and each time one parameter or variable is counted up.I found "for"-loops and some with a counter.. but I coudn't get it to work in Edge Animate.Here is a fragment of the code I want to loop ->
$.get("URL...+Num, {}, function(ask, code) {
switch(ask) {
case '9':
sym.$("leaf"+Num).show();
var leaf = sym.$("leaf"+Num); // How can I count the setting variable? "var leaf+Num = ... " doesn't work I guess..
[code]....
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.
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 RelatedEverything 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 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 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 RelatedI 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 Related1. crolling like where you have buttons for example or press on a navigation bar tab, then it goes to that specific pace of the page, for a one page website, for example some sites you press on contacts and gose down to the bottom of the page where the contacts place is located, not opening a new link.
2.Second, navigation bar, where it fallows the scroll as it gose down, like for example when it is html the object is fixed to the top, and when you scroll down it will fallow it it,
3.I need Parallex scrolling where you can have the timeline or animations run while you scroll in the meantime and have animation running all the time, for example the infographic site where the bees are fluying but still have seperate animations while you scroll
4.I would also like to ask if like looping each animations sperately, not looping the whole timeline, can it be possible to loop an animation while you have all the interactivity witht he site like looping seperately all the time, without interfeering with all the other animation
5.I also are wondering if you can create multiple pages on one animate project, like multiple pages with html
I just moved on to edge animate from html, and html was also beirf learn for me and mostly i was doing design work, and i thought getting out of graphic river and moving on the theme forest.
I want also all the five things to work on one aimate project.
I have an existing HTML page (created in Adobe Muse) and I am trying to draw some Adobe Edge objects on top of the page (e.g. a rectangle or an image). When I look in the layers panel, the Edge objects show as top in the list. However, visually when I look at the page, the elements show behind the pre-existing HTML page from Muse.
View 3 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)
Is there a way for me to know what all features of HTML5 does my Edge project actually use.
I know there are a lot of sites which tests what all HTML5 features are supported by a browser, but I want to know which all features are being used by a edge project.
I've placed the OAM file of my Edge animation and gone through the steps of creating a "folio", but when I preview in Adobe Content Viewer all I get is a static page that fades out when clicked.
View 2 Replies View RelatedI have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = $.Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
I am working on my first Animate project. The project has several screens with short paragraphs of text on each screen. Within several of the paragraphs, I need to set up multiple links rather than linking the entire text box to one URL.
If it can't be done, I can set up transparent boxes with the links to sit on top of the text - not the best way to do this but it seems to work. In that case, is there an easy way to "stop" the link just before the user moves to a different place in the timeline?
I am trying to get an animation where the user hovers over one of 13 stars on string. What I am after is when they hover over one it looks like its been knocked and starts to swing for a shot amount of time.This should happen to them all. I have this code but it doesnt want to play!
Mouse Leave:
$(this.lookupSelector("star-1")).playReverse();
Mouse Enter:
$(this.lookupSelector("star-1")).play(0);
When you add more and more stars it just stops working.
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).
View 1 Replies View RelatedEdge Animate project produces 4 default framework files right now: Edge API, jQuery, jQuery Easing and JSON. Gzipping them we got 60KB of pure JS compressed and minified code. After that we have actual project files which can be compressed into around 20KB but this really depends on a project. So finally we have around 80KB of JS code without images, styles yet. This is acceptable for broadband connections but looks a bit too large for mobile devices.
Is there any way to minimize dependencies on jQuery so that framework will be at least 30KB? Smaller is better in this case.
I'm evaluating Hype by Tumult at the same time and framework JS produced is 16KB compressed and minified. It's 4 times smaller (60KB of Edge Animate). It doesn't contain IE-compatibility though but I don't seriously care about IE 6-9 as mobile is primary target for me so Webkit.
How do you create a responsive and fluid carousel, vertical or horizontal for a menu which includes multiple items. the carousle can be dragged via mouse or touch. when the item is clickes, then it will launch a URL or plau a timeline.
View 3 Replies View RelatedI am wondering how I could control multiple symbols using classes.
So lets say I have 10 symbols on the Stage - each symbol has a class of 'box'
Using this:
sym.getSymbol('.box').play('lower');
only the first box will animate, not the other 9.
I have embedded multiple edge animations into iBooks and DPS. Howeve I keep running into an issue where one or more animations will not start after i have started another then move on to a different page. When i reload the book or adobe viewer then the animation that would not start runs fine but then others won't run. Individually they all run fine but when embedded together they start stalling out. I'm using edge 1.0 and CS6 indesign and lateset iBooks author. I have a published iBook and I have to tell users to reload ibooks in order to get each animation to run. They are not complex animations.
View 10 Replies View Relatedi am using this code for rotate multiple compositions, :
[URL]
my questions is is there any way to start my first comp, when it finish , in the same div play vimeo with autoplay and when it finish , start a third composition ?
I have two elements that need to be hidden:
"mov-imp"
"mov-pim"
Currently, I am doing this:
var arr = ["mov-imp", "mov-pim"];
// This is the onclick function
sym.$.each(arr, function(){
$(this).hide();
}
)
What's the best way to show/hide multiple elements/symbols in AE?
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>");
[Code]....
How do you insert PHP code inside a window.open method when in an Adobe Edge animation?
window.open("<?php echo bloginfo('url'); ?>", "_self");
The PHP code is not parsed. In order to have it work with Wordpress, I am using "Edge Suite" plugin, which requires you to import the animation as an OAM file, then I am firing it like this inside one of Wordpress' PHP file:
<?php echo do_shortcode('[edge_animation id="40"]'); ?>