Edge Animate CC :: Embedded Google Map Won't Display Properly On Page
Jan 17, 2014
he problem im having is that the google map will not start at the target address when I place the code for it in creationcomplete. It only loads properly when I place the code in a trigger on the timeline . Although it loads slow when in a trigger.This is the code im using in the creationcomplete and in the trigger.
var container = sym.$("container");var map = '<iframe width="'+container.width()+'" height="'+container.height()+'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=7120+Boul +St+Laurent,+Montreal,+QC,+Canada&aq=0&oq=7120+boul+st&sll=45.534114, 73.617124&sspn=0.006907,0.016512&ie=UTF8&
[code]....
this is what it looks like when I place the code in creation complete..you see the map is thier but it doesnt start at the target. It doesnt start at the right address..This is what the map looks like when I place it in a trigger on the timeline.you see it loads correctly on the target address.
View 1 Replies
ADVERTISEMENT
Mar 26, 2014
This is a tricky one, but it may just be that I don't understand the syntax,
Situation:I have an Edge Animate composition that is acting as an interface and container into which other content is embedded using an iFrame. I have several functions in Stage > creationComplete, and for one of the embedded content pieces, I want to include a button that calls one of the Edge functions.
Challenge: I have read about referencing elements within Edge when it is the Edge file that is embedded on an HTML page, but I cannot figure out how to reference Edge in the reverse.
I have tried these options where headerselect(page) is my function:
AdobeEdge.getComposition("EDGE-531849691").getStage().headerSelect("co mmunity");
window.top.Edge.getComposition("EDGE-531849691").getStage().headerSele ct("community");
View 3 Replies
View Related
Dec 27, 2013
how do i get a border on a google map
View 2 Replies
View Related
Feb 21, 2013
I have generated a test example of edge animate project in html and in the code i only have found this code <div id="Stage" class="EDGE-4553 33329" > </div> in the html file. My question is if all contents of my project generated in javascript will be indexed by Google. I think this is important if I am going to replace flash tool cause this is great problem of flash for web projects.
View 1 Replies
View Related
Jul 21, 2013
I have an embedded video in my animation , in an earlier state on my timeline I have a back button.
When the back button is pressed teh animaiton returns to this state but the video still plays in the backround.
The video cant be seen as its only appears at a later stage on the time line but the audio can still clearly be heard.
View 4 Replies
View Related
Jan 10, 2014
just 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.
View 3 Replies
View Related
Apr 4, 2013
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 Related
Oct 30, 2013
how to write a delay properly. I can't find the right code. I want to playReverse an element, have a delay, then hide that element and show another. You see the code is like:
sym.getSymbol("Animation").playReverse()
sym.getSymbol("Animation").hide()
sym.getSymbol("nextElement").show()
Only issue is that I can't get the playReverse() to work because it all gets executed at th same time. I need a delay somewhere, but I dont know, my head is not seeing it right now,
View 10 Replies
View Related
Sep 27, 2012
How do I include 'Edge Web Fonts' (not Google Web Fonts) into Edge Animate?
View 18 Replies
View Related
Feb 26, 2014
I want to display a symbol next to the cursor. It should stay there like in this example here:http:/[url]....
When using a responsive Stage (what is crucial to my project, because I need 100% width on all window sizes) the placement ot the symbol is dependent on the size of the window and the position on the screen. Here is an example of the problem: [url]....
So, gathering the coordinates within EA seems not to be the right way.. Or any solution to compensate for the responsivness?
// CompositionReady
sym.createsym = function(){
var position = sym.$("box").show();
[Code].......
View 1 Replies
View Related
Oct 6, 2013
How to make next page effect with adobe muse or edge animate ? URL...
View 1 Replies
View Related
Jul 7, 2013
There are several elements on the page. When there is one group or element on a page, i find it difficult to select other elements.
i know hiding the element would allow me to select other elements. But I need to see other elements when working on the image.
View 1 Replies
View Related
Oct 12, 2013
I'm trying to centre an image to the centre of the browser using the responsive settings. My problem is that I can centre the image, but as soon as I start to scale upwards or downwards the Logo isn't staying in the middle of the browser.
View 2 Replies
View Related
Feb 28, 2014
how to create awesome landing page in adobe edge animate cc..and awesome circule count town timmer.
View 1 Replies
View Related
Jul 23, 2013
I have made an animation in edge, which I have then added into my Muse site. Is there anyway I can make the animation start when I scroll to it within the page.
View 35 Replies
View Related
Jul 16, 2013
Is there a way to make a menu in Edge Animate so that when you are on a certain page, that page is highlighted on the menu? I want to make it a server side include <!--#include virtual="/menu/included.html" -->
View 1 Replies
View Related
Mar 19, 2013
I have been trying to incorporate a custom cursor on my website. Nothing too exciting, I just want the normal cursor's tip to glow over the page so I designed it and saved it as a png but I am having trouble making it work.
This is an example I have been trying to recreate, but with no luck [URL]....
I can't figure out what I am doing wrong, even when I try to recreate that example, the cursor doesn't show up.
View 6 Replies
View Related
Mar 18, 2013
I am creating a mockup of a mobile phone operating system, and need to display a clock in the top right corner. Is there anyway to have the phone recieve real time updates through the computer, or internet's time?
View 2 Replies
View Related
Apr 13, 2013
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 ?
View 3 Replies
View Related
Dec 5, 2013
Have a fairly simple banner ad created in Mac OS. Previews fine locally. Previews fine in Safari on Mac as standalone file and dropped in to iframe on Wordpress page (just like a Nivo slider on same page. Also previews in Safari using IE user agent string. When viewed in any browser on Windows OS, no animation display; either as standalone or loaded into iframe. Possibly something simple: a CSS visbility? URL....
View 3 Replies
View Related
Jul 12, 2013
Need to control playback of the animation based on an anchor in the web page. When the anchor comes into the browser viewport, it would trigger play, pause or stop.
And ... to control the flow/direction of the animation playback based on scroll direction.
The setup:
I would like to have the playback direction for Edge animations placed in a web page, to follow the web Surfer's scrolling direction.
Scrolling down or right, Animation plays forward.
Scrolling up or left, Animation direction plays backwards,
But, that's not all ... I would like to combine the scroll direction sync with ... Anchors
Image if you will:
Multiple Edge animations are placed at various positions on a web page.
Autoplay for each is turned off.
Wish to individually control the playback functions for each animation. - Start - Stop - Pause.
Wish to trigger their playback relative to when an associated anchor (becomes visible / invisible) is inside or outside, of the browser view port.
Sounding complicated?
I put up a web page diagram to illustrate the functions. [URL]....
View 1 Replies
View Related
Dec 13, 2013
I have two compositions on a page and I identify them within the AdobeEdge.bootstrapCallback. As soon as the user scrolls to the first animation I want to start it with an external call (compId.play()). If this is the only composition on the page it does work correctly. But as soon as the second one is added to the page it doesn't play at all. If I trigger the first animation via the console (e.g. compId.play(1000)) the animation jumps to the 1000 ms mark but then it stops immediately and doesn't play on.
View 4 Replies
View Related
Jun 21, 2013
I am trying to create a page in Adobe Edge that loads a video without any controls (play, slider bar, volume, full screen) and then displays a replay button after the video finishes which will start it from the beginning.
Currently I am able to load the video file and have it play to the end and stop, but I can't seem to get a replay button working. I also can't find a way to disable controls on the video so they do not show.
Here is the code I am using to load the video:
// insert code to be run when the composition is fully loaded here
$("#Stage").css("margin","auto")
sym.stop();
[Code]....
As you can see, I tried a few ways of disabling the controls, and I also tried adding the replay function to the button itself, but neither of those worked. controlling the video control display and replay function in Adobe Edge would be very useful.
View 2 Replies
View Related
Apr 4, 2014
I have create a small Edge Animate animation that I'm trying to add to our home page. After getting everything running and working properly in IE9+, Chrome, Firefox and Safari I moved it from the development environment to our live site. Then I viewed it on an older machine running IE8 and the down level stage worked great, but it disabled a jquery image slider and a little custom jquery script I wrote to polite load an embedded youtube video. The only cusomization I did to the edge files was to remove the loader for the included version of JQuery so that it would run the on I call from Google instead. This prevent intial conflicts between already existing jquery elements on the page.
View 2 Replies
View Related
Jul 15, 2013
I'm playing with the edge commons and json possibilities.
I have a movie with dynamic infos coming from a json file. Everything displays succesfully right now. I would like when I clic on a element (on the thumb picture) that the current info (so I suppose I have to pass an ID somewhere) displays in a movieclip I created (this movieclip is called "detail" in my edge scene).
I currently have a spotlight in my example when clicking on the thumb but I would like to remove it and just display the selected infos in the detail movieclip. I hope I'm clear enough..
I join my example file here. [URL]....
View 7 Replies
View Related
Nov 17, 2013
I am trying to to load a JSON file and load images with text information.
I have a problem when i click the thumbnail, the large image can't displayed, i am receiving the following error:
Failed to load resource: the server responded with a status of 404 (Not Found)
my code in compositionReady:
$.getJSON("content.json",
function(data){
for(var i=0; i<=data.length; i++){
var s = sym.createChildSymbol("template","content");
s.$("title").html(data[i].title);
[code]...
and at the element that hold's the thumbnail image, I added on the click event :
sym.$("finte").css({"background-image":"url("+$(this).data('largeimage ')+")"});
I believe that somewhere on +$(this).data('largeimage')+") is the mistake. But I can't find it.Moreover, how, the thumbnails, can be displayed as a table of 4x5?
View 9 Replies
View Related
Aug 14, 2013
I want to link from an html page button to within a point (label) on the timeline. What code would I need to put on the button?
View 4 Replies
View Related
Jan 2, 2013
I'm doing a drag and drop. I'm working on how to check whether the user has dragged and dropped the elements correctly or wrongly in order to display the corresponding animation. That means, all the same type of animals have to be placed together in the same row in order for the animation to display a "correct" feedback, and if the user placed it in the wrong order, it will display the "wrong" feedback. There are 3 types of animals: birds, snakes and insects. The "feedback" animations is in the "feedback_sym".
I have placed a "Reset" button on stage, but it does not appear even after changing the positions on the "Elements" column.
Here is a link to my folder. [URL]
View 1 Replies
View Related
Mar 24, 2014
I have like 12 symbols on the stage. They al have images in them in JPG format, saved at a quite low percentage in quality.The symbols are being animated seperately but it looks very sluggish.
I am recreating a whole Flash site in Edge. Everything works (amazing) fine except I am missing the function like it exists in Flash:“Display/ Render/ cache as bitmap”. (see image) This function used to BIGTIME in Flash too.Now how can I do something similar in Edge?I do not want to animate all symbols as 1, it is essential they are animated separately.Is this possible in Adobe Edge Animate? Is there something similar in Javascript/ Jquery?
View 1 Replies
View Related
Jan 9, 2014
how I can control another Edge animation and/or html element of a single page from a custom Edge animated button? For example, I created an animated tabbed buttons in Edge, then I want to animate a different Edge animate once I clicked on a button in the other Edge animation. I want to add multiple Edge animation in one page instead of one big Edge animation. This is partly because the design of the page is done is Muse with the parallax effect.
View 2 Replies
View Related
Dec 22, 2012
I want to center an animate stage left and right in the browser window.
View 2 Replies
View Related