I have an HTML5 animation that I am working on. When I preview it locally, it seems to work fine, but when I publish and post it on our web server, it doesn't seem to be able to find the images. The images are all in the images folder and it all seems to be pointing the right location, but it isn't showing up properly on the web server.
If anyone has any insight, I would greatly appreciate it.
Hey Everyone,
I'm trying to do something fairly simple but I could use some help in getting it to work and couldn't find any examples out there of this... here's all i'm trying to do.
I have animations along a timeline with labels and stop points for 1, 2, 3, 4, 5. I want to create simple "Back" and "Next" buttons that will get your current label/position and play forwards or backwards to the next or previous label/position. My attempt to show what It looks like logically in text:
Back 1 - 2 - 3 - 4 - 5 Next
And that's it, I know someone must have already done this or knows how, any help would be greatly appreciated
Cheers,
Jeff
In Edge Animate, how can I make a hit area over an irregular shape?
Thanks!
I am still fairly new to Edge Animate and I am having great success creating animations and interactive content. Is Edge Animate CC able to create dynamic animations based on data taken from a MySQL database? Will I be able to use php to interface with edge and the database?
i'm using edge animations on my page via the wordpress edge suite plugin, and i noticed it's loading jquery - i believe this was included when publishing my animation.
<script src="http://mysite.com/wp-content/uploads/edge_suite/edge_includes/jquery-2.0.3.min.js"></script>
but in wordpress jquery is loaded by default.
<script src="http://mysite.com/wp-includes/js/jquery/jquery.js?ver=1.11.0" type="text/javascript"></script>
how can i prevent edge animate from causing jquery to load twice?
Hey there,
I have built an iOS mobile app using EA and PGB.
I have an element which uses jQuery Ui's draggable function. It works perfectly in a web browser but in the final app I am unable to drag the element.
I have tried loading the script with both the internal Script Loader (in the Library panel) and manually with a yepnope load: action in creationComplete. Neither has worked.
Any ideas of how to implement jQuery-ui into my app?
Thanks,
Justin
I'm working under a 40kb limitation with my current web banners and animated gif's. But I was thinking of utilizing adobe edge to create better motion and and overall graphics, but wasn't sure of its output size. Can I create amazing web banners with Adobe Edge and keep it under 40kb?
I've asked this question before and it was answered by some top contributors to this forum but I must confess that even though it worked once, it doesn't seem to work now. I'm using Edge Animate CC 2014 which may be the problem.
I am given to understand that if you use that little 'c' button to declare a text block to be a paragraph (see screenshot below)
then the style rule which you write in the html file produced by Edge when you publish it, should work on all text blocks designated 'p' (as per screenshot below)
But it doesn't.
I've tried every combination I can think of and looked everywhere, on the web in Lynda.com and in this forum, but no luck. Surely I'm not the only person on earth who wants to change text blocks with an external css file.
I realize I'm trying the patience of you smart people out there but I need to have my answers in simple terms without leaving anything out. You cannot underestimate my ability to make mistakes.
Any help appreciated.
The link to that file on Github is a 404, and my Edge 2.0 published files are not showing up in IE 11. the error thrown for reference is
Object doesn't support property or method 'okToLaunchComposition'
Long story short, I use Edge Animate to create show/hide pushdown ads that use a specific template in both Edge and DFP. I should have Edge 3 by now, have been asking for months, but in the meantime I have Edge 2.0 published files I need to be able to apply this hack to. Can anyone point me to a copy of yepnope 1.5.4
1) Download the latest version of yepnope (1.5.4 as of this writing) from Github and open it up in a code editor.
2) Open yourAwesomeFile_edgePreload.js (it’ll say “Do not edit this file” at the top – don’t worry, we won’t tell.)
3) Copy the contents of yepnope.1.5.4-min. js and paste into your preloader.js between:
if(!AdobeEdge.yepnope) {and:
AdobeEdge.yepnope = window.yepnope;
}
I am using a lot of adobe edge and it works great. however, when i view it in Firefox the text is moved around in not good way either. I was wondering if you knew about any fixes concerning this flaw. it works perfectly in all the other browsers.
the kerning is no longer working or is the line height. i am using the latest Firefox 32 on a Mac OS 10.9.4 also, firefox shows the scroller which does not happen with any of the other browsers. i have found a work around for that but not the
kerning or line spacing issues. your input would be greatly appreciated.
the test website is http://www.drotardesign/septemeber14/
drotar
Hey there,
I have built an iOS mobile app using EA and PGB.
I have a few audio files in the app, all of which play fine except for the volume levels.
I am playing the audio with EA's internal audio script and have used to volume slider in the Properties panel to keyframe fades and set upper levels. These all work perfectly in a web browser but in the final app all audio is playing at 100% and there are no fades.
Is there a way to add a volume control line to the EA play audio script? Even if it only sets the volume level as a constant (without fading) would be a huge help.
Thanks,
Justin
Hi, i got a problem while i want to shift rect shape in proper position at first beginning, but i can't make it:
Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
// insert code to be run when the composition is fully loaded here
sym.getComposition().getStage().$("small_scene_rect").css({"position":"absolute","display ":"block","left":"10px","top":"10px","width":"100px","height":"100px"}); // worked
});
//Edge binding end
Symbol.bindSymbolAction(compId, symbolName, "creationComplete", function(sym, e) {
// insert code to be run when the symbol is created here
sym.getComposition().getStage().$("small_scene_rect").css({"position":"absolute","display ":"block","left":"10px","top":"10px","width":"100px","height":"100px"}); // not worked
});
//Edge binding end
I really need your help, thanks!
None of my edge animations work on Godaddy. When I upload them to Godaddy they don't work. Does anyone know why?
I am working on an animation which parses in some articles to some blog posts. I realized while going through that it would be impossible for a user to share a link to a specific page in the animation, as the address bar remains static between the different pages in teh site.
Is there a way - through Javascript in Edge - to accept an input argument at startup in the url for the animation so that the animation can open a specific page? How would this be done with Edge?
I have a symbol. With a button I want to move the X position of the symbol
Hi Adobe,
I have made a animation and want to loop it 3 times!
Can you help my with that ? ;-)
Best,
Jesper
Hello, Can anyone tell me if there is possibility to import pdf files conatining 3D data and merging those files to make an animation in Edge animate? Please can anyone help me on this.
Thanks,
Pratiksha
I have found many examples of how this might be done and only one used here, seems to be elegant in its function.
I.E., the animation triggers in and then as appropriate reverses out.
However, Once the page is scaled the animations happen out of sync and for some reason, has a double play
example here. Sample
My compositionReady code is as follows
var oldPos, newPos;
//PLAYS FIRST ANIMATION
$(window).scroll(function(){
newPos = $(window).scrollTop();
if(!oldPos){
oldPos = 0;
};
if(newPos >= 50 && oldPos < 50){
//plays the timeline after vertical scrolling 50
sym.getSymbol("bird2").play();
oldPos = newPos;
}else{
//reverse play if vertical scrollbar is less than 50
if(newPos < 49 && newPos < oldPos && oldPos > newPos && oldPos > 49){
sym.getSymbol("bird2").playReverse();
oldPos = newPos;
}
};
})
//PLAYS SECOND ANIMATION
$(window).scroll(function(){
newPos = $(window).scrollTop();
if(!oldPos){
oldPos = 0;
};
if(newPos >= 300 && oldPos < 300){
//plays the timeline after vertical scrolling 300
sym.getSymbol("bird3").play();
oldPos = newPos;
}else{
//reverse play if vertical scrollbar is less than 300
if(newPos < 299 && newPos < oldPos && oldPos > newPos && oldPos > 299){
sym.getSymbol("bird3").playReverse();
oldPos = newPos;
}
};
})
$("body").append($("#Stage_WORX").css("position", "fixed"));
I'd like to create a movie that can open other HTML files and go to a specific frame within those other pages. Is there any way to handle that inside of Edge Animate?
The Site that I made with Edge Animate redirects to Adobe's Site (adobeDotCom) on the iPhone and iPad
Is Edge Animate trying to tell me something?