adobe-edge | 易学教程

prevent Adobe Edge preload.js file from loading jquery

阅读更多关于 prevent Adobe Edge preload.js file from loading jquery

问题 First I have to say that I am not a professional programmer but designer learning by doing. So I am afraid I need simple explanations if possible. I am using Edge animate as parts of a website with the help of a particular script (by Andrew Trice, see here: http://www.tricedesigns.com/2012/07/12/using-adobe-edge-animations-as-components/ ). I also succeeded in storing only 1 Edge preload.js file in my libs folder. In it I introduced a variable at the end in order to be able to load Edge

How to add two same adobe edge animation in single html page?

阅读更多关于 How to add two same adobe edge animation in single html page?

问题 I am using jquery mobile where different pages contents will be in one html page. On page change(sliding page), other pages have same edge animates, because of all html contents will be located in single html page, only first edge animate will work, rest will not work. I have two stage id's <div id="Stage" class="spring_animation"></div> <div id="Stage2" class="spring_animation"></div> Below code used for one stage( <div id="Stage" ) edge animate to work...  <script

Adobe Edge: Add onComplete handler when animation finishes

阅读更多关于 Adobe Edge: Add onComplete handler when animation finishes

问题 I am using the latest version of Adobe Edge. I have a simple 5 image animation. I would like to be able to execute a custom function when the 5th image is done its animation. How can this be done? I have tried adding a complete function call to the following places (**), but neither works. timelines: { "Default Timeline": { fromState: "Base State", toState: "", duration: 5500, autoPlay: true, **complete:function(){alert('hello world')},** timeline: [ { id: "eid23", tween: [ "style", "${__5}",

Adobe Edge & Javascript / jquery show element from a cloned object

阅读更多关于 Adobe Edge & Javascript / jquery show element from a cloned object

问题 Hello wizards of the internet, I want to show a hidden element ( "hold1" ) from a cloned object when it is is dropped into a certain container, called "plug1" . But what it does right now is it shows the hidden element on the main object and not on the cloned object. It's also not supposed to jump back to its original position. See this gif for an example. I believe it has something to do with the sym.getSymbol("cup1").$("hold1").show(); line, but I can't put my finger on it. Does anyone have

Is it possible to resize an Adobe Edge animation?

阅读更多关于 Is it possible to resize an Adobe Edge animation?

问题 I'm trying to have an Edge animation resize based on screen resolution. I've made a high-res one for 1080p and higher-res screens, but since the project is reasonably complex, I was wondering if there was a way to export the animation at a different size from Edge, without having to redo everything a few times for smaller screens. 回答1: There is also this now which helps scale based on a parent bScaleToParent : AdobeEdge.loadComposition('MyComp', 'EDGE-985368975', { scaleToFit: "both",

Edge Animate files not working in CMS

阅读更多关于 Edge Animate files not working in CMS

问题 I published my edge animate project. I'm using a CMS called Composica and it doesn't support .OAM files but I can put html files into a page with an iframe that calls javascript. I have done it on html and js files that were not produced by Edge and it works fine. But when I try to put the edge html file and three supporting .js files it does not work. This particular CMS has all of the files located together so I changed the pathing for the following: Changed location of images file path in

Adobe Edge: control a specific symbol from html page

阅读更多关于 Adobe Edge: control a specific symbol from html page

问题 I need to control over one of my edge Symbols, from my HTML page (index.html - not the edgeActions.js page) For example, I have an image Symbol: "sym1", and I want to hide it from the main html page. I tried: sym.$( "sym1" ).hide(); But it doesn't work.. That's the only way I could make it work (In edgeActions page only): Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) { var ex1 = sym.$( "sym1" ); yepnope({ both: [ "libs/jquery-ui.min.js", "libs

Adobe Edge: control a specific symbol from html page

阅读更多关于 Adobe Edge: control a specific symbol from html page

I need to control over one of my edge Symbols, from my HTML page (index.html - not the edgeActions.js page) For example, I have an image Symbol: "sym1", and I want to hide it from the main html page. I tried: sym.$( "sym1" ).hide(); But it doesn't work.. That's the only way I could make it work (In edgeActions page only): Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) { var ex1 = sym.$( "sym1" ); yepnope({ both: [ "libs/jquery-ui.min.js", "libs/jquery-ui.css", ], callback: function() { ( ex1 ).hide(); } }); }); I need to understand how can I

How to add two same adobe edge animation in single html page?

阅读更多关于 How to add two same adobe edge animation in single html page?

I am using jquery mobile where different pages contents will be in one html page. On page change(sliding page), other pages have same edge animates, because of all html contents will be located in single html page, only first edge animate will work, rest will not work. I have two stage id's <div id="Stage" class="spring_animation"></div> <div id="Stage2" class="spring_animation"></div> Below code used for one stage( <div id="Stage" ) edge animate to work...  <script type="text/javascript" charset="utf-8" src="spring_edgePreload.js"></script> <!--Adobe Edge Runtime End-