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

Edge Animate CC :: Calling Function From HTML Page Embedded In IFrame?

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

Edge Animate CC :: Get A Border On A Google Map?

Dec 27, 2013

how do i get a border on a google map

View 2 Replies View Related

Edge Animate CC :: Will Google Index Project Contents

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

Edge Animate CC :: How To Get An Embedded Video To Stop Playing

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

Edge Animate CC :: Stopping Embedded Video From Loading Multiple Times?

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

Edge Animate CC :: Two Edge Animations On HTML Page?

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

Edge Animate CC :: How To Write A Delay Properly

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

Edge Animate CC :: How To Include Web Fonts (not Google Web Fonts)

Sep 27, 2012

How do I include 'Edge Web Fonts' (not Google Web Fonts) into Edge Animate?

View 18 Replies View Related

Edge Animate CC :: Calculation Of Cursor Position Not Working Properly With Responsive Stage?

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

Edge Animate CC :: Next Page Effect

Oct 6, 2013

How to make next  page effect with adobe muse or edge animate ? URL...

View 1 Replies View Related

Edge Animate CC :: Selecting Elements On The Page?

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

Edge Animate CC :: Keep Image (logo) Centered To Page?

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

Edge Animate CC :: Landing Page With Adobe Animated

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

Edge Animate CC :: Getting An Animation To Start / When Scroll To It On Page

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

Edge Animate CC :: Make Menu With Page Highlights?

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

Edge Animate CC :: Incorporating A Custom Cursor On A Page?

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

Edge Animate CC :: How To Display Computer Time

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

Edge Animate CC :: Loading Page / Iframe And Animation At The Same Time?

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

Edge Animate CC :: Animation Doesn't Display In Windows OS

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

Edge Animate CC :: How To Control Playback Of Animation Based On An Anchor In Web Page

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

Edge Animate CC :: Multiple Compositions On A Page / First Comp Stops Playing

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

Edge Animate CC :: Remove Video Controls And Add Replay Button On Page

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

Edge Animate CC :: Down Level Stage Disables Other JQuery Page Elements

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

Edge Animate CC :: When Click On Id Dynamic Info Must Display In Movieclip

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

Edge Animate CC :: JSON Content - Can't Display Image After Click

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

Edge Animate CC :: How To Link From HTML Page Button To Within A Point (label) On Timeline

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

Edge Animate CC :: Check For Correct Dropping Of Elements And Display Feedback

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

Edge Animate CC :: Render Symbols (or Images) With Display Set - Cache As Bitmap

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

Edge Animate CC :: How To Control HTML Element Of Single Page From Custom Animated Button

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

Edge Animate CC :: How To Center An Animate Stage Left And Right In Browser Window

Dec 22, 2012

I want to center an animate stage left and right in the browser window.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved