I'm fairly new to building ads in Flash/HTML5 so this may be a elementary question for most but... how do I create a simple expandable/collapsable banner ad in Edge Animate? Do I need multiple stages, single stage, hide the expanded portion of the ad until clicked? Any advice would be great.
Thanks!
I need to make a video gallery in edge animate, but my videos are around 30 minutes each and they are not importing into my composition, when I try to import them, they freeze up edge animate and I have to force quit. (I already changed format to mp4). Is there a special way to import large videos in EdgeAnimate?
Hello,
Maybe a stupid question. But when two elements (div) overlap each other. Both have a click function on it.
Is it possible when I click on the top element, both elements will start.
Now when I click on it, only the element who is on top will fire.
And if I set pointer-events to "none" on the top element, the element who is below will fire.
If this is possible can somebody tell me the right code.
Thanks!
I noticed coming to "Stage" in the code panel there's an event named "window.resize" but how can I use this to make a conditional viewport-breakpoint animation?
For example Im trying to build a HTML5 page for iphone and I dont want people to rotate their phone from vertical to horizontal , so I need to pop same information like "we dont support horizontal reading please make your phone vertical" when people rotate their phone.
When coming to this problem I thought using "window.resize" would be a good solution, that we can pop alarm when window's width is resized to more than 640px.
But how....please guide me
I'm wish to add a stop button in an animated banner. As I understand I have to add some code to the stop symbol i have created. I have tried to add code via the open actions-button. But the animation will not stop when I press the button in the animation and when I check the code it's gone. I have tried several times but the code will not be saved. What's wrong?
I have this code:
$.getJSON('http://jsonp.jit.su/?...etc', function(data) {
sym.setVariable("url1",data.Data.url);
sym.setVariable("minBet", data.Data.minBetAmount);
sym.setVariable("maxBet", data.Data.maxBetAmount);
sym.setVariable("maxWin", data.Data.maxWinAmount);
sym.setVariable("coef", data.Data.BetCoef);
});
it works on stage, but then I use it on preloader loading code,
I get ReferenceError's: $ and sym is not defined
How should I adapt the code?
hi there.
i have made a small animation in edge animate. When i file->preview in browser my animation works fine. It does the same when i open index.html from my "saved as" folder.
However, the animation does not work when i open the index.html file from the publish>web folder (after i publish the composition). only the starting frame appears. Shouldnt it work as well?
I suppose the contents of the web folder are those that i need to upload to the web server.
Also, when i want to make small changes (with edge code) to the basic html file, should i edit the file from the web folder or the saved as one? a bit confused.
thanx!
How is it possible that i change the position of the stage in the page, instead of the default top left place?
Hi together,
Maybe someone can help me to find a solution for my problem with Adobe Edge Animate. I am trying to include a jQuery plug-in for
image zooming, but it doesn´t work. The plugin is ImageLens.
You can find it here:
http://www.dailycoding.com/Posts/imagelens__a_jquery_plugin_for_lens_effect_image_zooming. aspx
What I tried:
Step by step:
1. I created a simple symbol "map" in Edge Animate which is my image.
2. I included the scripts "jquery.imageLens" and "jquery" from the plugin to Edge Animate.
3. After that I opened the script panel and wrote there:
sym.$('map').imageLens();
3. Now, I can see the lens on the picture, but the zooming doesn´t work. That is my problem.
If you know an easier way to get this zomming effekt with a lens, let me now! I hope, someone is interested in solving this problem. Thank you very much!
I feel stupid cause it seems nobody else has this problem:)
I've exported svg file from Illustrator, some graphics and embedded .jpg image, but when i open the svg file in Edge i can see only graphics , the image layer is there but i can't see the image itself.
But when i open it in browser everything is there - graphics and the image.
Why can't i see the embedded image on Edge stage?
I've an iframe in Edge working as intended I'm trying to get rid of the white flash when it loads with this:
style="visibility:hidden;"onload="this.style.visibility = 'visible';"
I believe the reason why this isn't working is because of the end part ... = 'visible'; it has 2 '
so I think thats breaking my existing code so how to I place that code into the code without it breaking....
Heres the existing code:
var container = sym.$('#Stage_Iframe');
var Code = ' <iframe width="100%" height="100%" frameborder="0" scrolling="no" src="Cavas2.html"></iframe>'
container.html(Code);
I have an EDGE file that I modified. When I save it, and even when I save it with a different name, it produces a correct HTML file. When I publish it for use in Muse, with or without a different name it produces an OAM file that when placed in MUSE displays in exactly the same way as the original file before modification and/or before saving with a different name. The HTML file with either the original name or the new name displays and animates correctly. Is this a problem the EDGE or MUSE?
Thanks, Dan
I am working on a project with edge animate and i have got off screen pages that animate in to place when i click on a button. (click event - sym.play("to_page2"); ) this works fine, however i also want to scroll up and down and cycle between the "pages". I have recorded the animation and uploaded it to vimeo:
Currently i am working with labels. Once you click -> go to label. But i want to scroll down and go to the label next in line, and when i scroll up: go to the previous label.
Can somebody help me out here? Other solutions to scroll cycle between these pages are welcome too.
Cheers,
Bas
I've heard some say that "real" animation effects need to be done on Canvas and can't be done via CSS/DOM. What limitations are there inherent to Edge Animate's DOM based approach that Canvas solutions (like CreateJS) can deliver?
My project has an image of someones desktop. I made on of the icons on there desktop a button that triggers a video. The video starts with the same image of the desktop and shows the launching of an app. The video is the same size as the stage so it has a seem less feel of an interactive desktop. When the video is done playing it stays on the last frame. I need the video to hide and go back to the original image of the desktop so the user can do it again if they want.
How do I add an event that when the video is done playing it will hide? Right now the video plays and stays on the last frame.
Thanks
Am I alone in in not having the slightest idea what to do when I get here? I would like to ask a question about Edge Animate but as usual Adobe or some other bunch of geeks has "improved" the forum so that it no longer works. Can anybody tell me how to search the forum? I don't want to start a discussion, I want to find an answer. And can anybody tell me why Adobe or Jive (whoever they are) has to change things all the time? Why can't you just leave things alone?
I'm creating a page has multiple "views". In one view (A), I'm successfully loading an Adobe Edge animation, and I can even trigger it when the user scrolls down half of the view. The user can then go to other views (B, C, D); doing so removes the DOM element that has the AE animation tied to it. If the user goes back to the first view (A), then the animation is not displayed.
Here's how I'm loading the animation:
aLoader = [
{ load: "components/jquery/jquery.min.js"},
{ load: "lib/edge.2.0.0.min.js"},
{ load: "js/animations/recruiting/recruiting_edge.js"},
{ load: "js/animations/recruiting/recruiting_edgeActions.js"}];
window.AdobeEdge.bootstrapLoading = true;
AdobeEdge.loadResources();
AdobeEdge.playWhenReady();
window.compositions[compid] = AdobeEdge.getComposition(compId)
window.onscroll(function(){
... //detect scroll at certain height
window.compositions[compid].getStage().play(0) // this is actually inside a timeout, but has no issues
})
Sometimes I get a "Can't get property 'tween' of undefined" when changing to other views, but this seems not happening many times. When I go back to the original view, getStage() returns 'undefined', even though there is indeed a composition object (saved in a global variable).
Edge version is 2.0.0 and the JS framework I'm using to load these views is AngularJS. Any insights are appreciated.
Howdy everyone!
I searched around for quite some time, and I haven't been able to find the answer I'm looking for.
Basically, I'm creating a parallax style scrolling website for my personal portfolio. I have different sections, for things like visual development, graphic design, etc. I have a symbol for the header, with an internal animation timed to the main timeline, which transitions between the titles of the sections as the user scrolls down to that area.
The animation is timed already...is there a way to make the symbol timeline scroll at the same rate as someone navigating the main timeline? This is the code that I am using to have the navigation controlled by the scrollbar:
// scrolling controls animation
var animationHeight = 24000
var stageHeight = sym.$("Stage").height()
var scrollPos = sym.$("Stage").scrollTop();
var duration = sym.getDuration();
var percent = scrollPos / (animationHeight - stageHeight);
var time = duration * percent;
// Update timeline
sym.stop(time);
It works beautifully, except that the symbol doesn't follow with the main timeline.
Thanks very much in advance!
Chad Welch
Can an yone help. I am trying to import an edge file .oem, into dreamweaver, error in dreamweaver error said 'height is null' and 'width is null' and nothing appears in dreamweaver. Really frustrating. It is a simple animation, 6 sec in length.
Hello!
I'd like to be able to start an Edge animation I've embedded in my page when I prefer, but I cannot find a way to do that
I've embedded the Edge animation using the automatic system provided by Dreamweaver.
I'd like to be able to access the composition object through Javascript, so I could run the animation as I like.
Cheers!
Alex