two animations of edge on an html page

Hello

I followed the tutorial adobe to manually create an html page in order to have two animations of edge on a page, but it does not work well.

The second animation starts but not the first (I can see the first image only).

Here is my code:

If I move the second div block to the top of the page (animations), the second animation starts but not the first.

There is no javascript error in the browser console.

Could someone help me?

Thank you in advance,

Olivier

The problem is resolved.

See discussion: Re: problem view animation of edge in a publication page several to edge host

Tags: Edge Animate

Similar Questions

  • Insertion of files Adobe Edge in my html page

    Hi all

    I have an urgent problem of inserting a series of animations that I created in Adobe Edge in my portfolio website.

    I have 6 files to insert, which form a series of short animations.

    When I publish each file "adobe" edge, I understand that you must insert the Adobe Edge enforcement code in the head section and Edge Class code in the body section.

    What I'm not clear, this is where I save html, edge.js and edgeActions.js files. Should it be stored in the main folder where is saved the index.html file?

    And where images must be saved?

    If I try to move these files into subfolders, which seem to make sense to me, the animation does not work.

    What I leave me puzzled, you also need to record a 'edge.5.0.1.min.js' and a ' jquery-file 2.0.3.min.js in my javascript file. But whenever I publish an edge file, I need to save these files with the same name. And I don't know where these files must be saved.

    Hope I'm making sense here. I'm new to web development, and I hope I can show these animations on my portfolio website.

    Did someone met with these problems when you attempt to insert adobe edge files in an html page?

    Thank you

    S

    When you publish your animated project of edge, go to the "published" folder and extract all the files in the following folder titled 'web' and place them (as they are) in the folder corresponding to your index.html file. Once you add running Adobe Edge code animate the animation to your index.html file should be responsible. Don't forget that the edge file is already linked to image and js files in the exact form they appear after the opening of the "web" folder Thus any movement of files without taking into account other will break the link. For example: you can not put the .js to another folder after publication file because the file html for your project is related to the .js file exactly where he was when the publication was made. So he'll keep looking for this file in this location unless otherwise stated.

    An example of how you can organize your files: when you open your Web folder, it should be arranged something like this

    • -Images
    • -example.js
    • -exampleproject - edge.html

    Once the files are placed in the location of the index file we set something like:

    • -Images
    • -example.js
    • HTML - exampleproject-edge (NOTE: this html file becomes irrelevant, after adding the runtime code in the index file)
    • -index.html

    Once this is done, you can add your other projects as well. You will have to manually put all images used for each project in a single "record"of the images. "

    I hope this helps clarify things a bit!

  • Animation animate edge does not start the first time I load the page. But the second time.

    Hi all

    I have problems with animation of edge on a web page. It does not load the first time the page is loaded, but charge very well the second time or at any time after that. To test I empty my cache, then reload the page. It seams to work in Internet Explorer, the first time, but not Firefox or chrome.

    I have a temporary copy of the page here... http://emiwip.com/Monique-Mathieu/landing-page-WIP.html

    Can someone tell me what is happening?

    Thank you.

    Dan

    I found the answer here... Publication is no longer works in the latest edge

    It seems that you need to load the last jQuery in the head of the pag. That suits him.

    Dan

  • 2 animations of edge in iframe on the same page?

    Hello

    I'm sure this question has been asked before, but the search of this forum and the web, I'm still not sure of the answer. Its day 2 now. . Laughing out loud

    I have the code to integrate the animations here. .

    1)

    < div class = "9promopanels" >

    < div class = "embed container-" >

    " < iframe src =" http://myURLhere.co.UK/WP-content/DynamicContent/promo%20box%202/9%20promo%20box.html "frameborder ="0"> < / iframe > "

    < / div >

    < / div >

    And the CSS (reagent):

    {.9promopanels}

    Width: 100%;

    margin: 0px auto;

    }

    {.embed-container

    height: auto;

    Width: 100%;

    padding-bottom: 100%;

    overflow: hidden;

    position: relative;

    }

    .embed-container iframe {}

    Width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    }

    Then for the next I have again the same code, just different settings on the padding-bottom: 30% the height above the aspect ratio (as a percentage).

    Now and then. Here's the tricky part! I need to get the two animations to run on the same page for the main content, just a lower page. As it is now on the page, there is a conflict, but I'm not terrible at Js!

    I'm not a more clever there, but am ok then I'd appreciate a pretty simple explanation!

    Thanks for the help!

    Hi, helloworm-

    Here is a simple example of multi-composition I set up to show you how it's done.  I tried to remove everything except what you will need and added a few positioning CSS inline for the two div that I placed on the page.

    https://creative.Adobe.com/share/e601cde9-e8b7-4179-ad91-bf9361bcdf6a

    Hope that helps!

    -Elaine

  • Several animations on a single html page?

    Is it possible to load several animations of edge on a single html page? I was able to get a single animation to function, but adding a second fails. I am trying to build a web page with 3 separate animations. Is there a tutorial that addresses this?

    Thank you.

    The answer is in the API at the end. You can get to the API in the Help menu.

  • Quick answer appreciated - Calling Edge function from an HTML page that is embedded in iFrame in Comp

    It's a delicate issue, but maybe it's just that I do not understand the syntax,

    Location:

    I have a composition of edge animate that acts as an interface and a container in which any content is integrated by using an iFrame.  I have several functions in Stadium > creationComplete, and for one of the embedded content items, I want to include a button that calls a function Edge.

    Challenge:

    I read on SEO elements within edge when it's the Edge file that is embedded in an HTML page, but I can't understand how to reference Edge in the back.

    I tried these options where headerselect (page) is my function:

    AdobeEdge.getComposition("EDGE-531849691").getStage () .headerSelect ("community");

    window.top.Edge.getComposition("EDGE-531849691").getStage () .headerSelect ("community");

    It is a project that is time sensitive.  Your help is greatly appreciated!

    Thank you!

    Fred

    Success!  I thought about it.  I'm a little embarressed.  It was a combination of the two options I listed above:

    window.top.AdobeEdge.getComposition("EDGE-531849691").getStage () .headerSelect ("community");

    So... Nevermind.  But I hope this will help you, too!

    Thank you!

    Fred

  • Place the animation of the edge on an existing page with other content

    I would like to know how to personnel an animation created in Edge animate in a div in a page html or php to exsiting. It seems that there are a lot of files, including a solitary html page that contains only the code necessary for the animation. I have an animated logo created on the edge I want to place on another page of my site. It's probably a simple task... but it's not obvious to me.

    Thank you.

    Hey Chick,

    Copy all the files generated by Edge in the same directory as your html page. Then follow the steps below.

    Add this to the head of your html doc (you can include comment lines, or Edge does not work):

    Add to the body of your html page, this will hold the entertainment on board:

  • Page with animation of edge will not publish/export in Colombia-British

    Hi there-

    I hope someone can help me. I've created an Animation of edge for my homepage, published, placed as a file OAM in the muse page and published the Business Catalyst site. The page that displays a "page not found" error I had work yesterday, but had to make some changes and today it does not work - and I don't think that I have done anything differently. I also noticed that, for some reason, this page shows the "Export Page" Toggle Outlining as being disabled. Any idea what is the problem?

    Check the file if its properly linked on the page, also try to preview and check.

    Index of a site will have export page page is disabled.

    Thank you

    Sanjit

  • Animation of edge trigger on the loading of the page

    I use several Animations of edge in a DPS document I created.  When I opened the book, all of the animation start playing at the same time.

    Is there a way to trigger the animation starts when the user turns the page on animation?

    The value of the retard.125 seconds.

  • Passage to another HTML page after animation finished

    My question in English:

    Hello, Hello,

    I created a Flash with Flash 8 animation and I exported to HTML format.

    I would like to finish the animation, there is an automatic transfer to another page HTML of my choice (for example after xxx seconds), as we have seen in the web (redirect in fact). I would also be able to put a "Skip Intro" link on the page of the animation for people who do not want to wait for the final animation.

    How do this with Flash 8 directly or I write a code inside HTML for this operation.

    Thank you very much for your reply and help

    English of my question:

    Hello


    I created a Flash with Flash 8 animation and I Exported format of to HTML. I wish that at the end of the animation, at the end of this animation, there is automatic (after x seconds for example) switch to the web page of my choice (a redirect somehow). I would have the possibility in the page containing the animation link "Pass the intro" pay users who do not want to wait for the animation to view my site web.


    How to pour do this, is it possible directly in the creation of my page en Flash or DO I put a piece of HTML code pour make this transition happen?


    Thank you pour your response and your help.

    It depends on what version of Actionscript using your file.

    To get an AS2 file, you use getURL() to post a link to a web page.  You can use the setTimeout() function to delay the onset of the call getURL().

    For AS3 you use navigateToURL() to post a link to a web page.  You can use the setTimeout() function or class Timer to delay the triggering of the navigateToURL() call.

    In both cases, you could place the call to the liaison function inside another function that you call either by using delayed calls functions mentioned, or by using a button to call the function to pass the intro.

  • Animation of the edge Article PDF HTML

    Animation of the edge Article PDF HTML.

    OK, hope someone can help me understand what Im missing here.

    I have an animation of Adobe edge, composed of PNG and a transparent stage. If I place the OAM file in a jpg article animation with transparent overlays phase my background in indesign (below the OAM) and works very well.

    When I place the CAO even in an article PDF Animation scene doesn't have a transparent stage therefor blocking my background?

    I thought with the new tools that you can put HTML files with transparent steps to PDF articles?

    First: Image of animation background above in the Article. Jpg Png.

    Second: Same file OAM in PDF Article

    PNG_JPG.pngPDF_.png

    See http://forums.adobe.com/message/5052641#5052641 to learn how to get the work of transparency.

    Neil

  • Flash animation is repeated vertically in the HTML page.  Please see the source of this page...

    Hello

    If you go to this address and scroll down to the bottom - you'll see that my Flash movie is displayed twice in the screen - stacked vertically above the other.  Can you view the source to hit and tell me what I take on my HTML page to prevent him from repeating the code a second time.  Thank you!

    http://www.divaliciousapp.com/Flash/main.html

    Andrew

    Try

  • Incorporation of an HTML page in a Flash animation

    I try to incorporate an HTML page in the center of a Flash movie and I was wondering if this is possible, and if so, what is the code to do. I want it as a small box in the middle of my SWF.

    You can add HTML in format txt to a TextField or TextArea component. This allows for simple things, href, b, u, i, p... But for all the HTML features, you may want to look into a DIV container that sits on top of your flash object using CSS styles.

  • Animation of edge eccentric download via Adobe Muse...

    I am a subscriber of Muse...

    I created an animation of edge and use it as a banner on my site. It seems to work fine in all browsers except IE9. After loads of art and animation plays and other HTML content on the page load, the content of edge disappears.

    If someone could take a look and tell me what they think, WHAT COULD BE GREAT. If I need to move the discussion on another forum for certain types of comments, let me know. Thanks again.

    www.derekhoyledesign.com

    Thanks... again.

    Hello

    It seems that by publishing the animation of Edge you t = was "Use Google Chrome Frame for IE 6, 7 and 8" option checked in the settings of publication.

    They can either uncheck that republish and then update/Re-insert the animation. Or you can add the following code in the metadata of all the pages that contain the animations of edge:

    To add these you must right click on the page, and click Page Properties > metadata and add this code to the HTML format "for".option.

    There is difference in how different browsers reder this code animation of edge through Muse. These two workaround solutions should solve the problem.

    I hope this helps.

    Kind regards

    Sachin

  • change the size of the swf according to the size of html page

    Hi experts
    I want to change my swf size according to the size of the html page in which she opens
    such as if the page size is 1024 x 768 then swf should scale to this size
    If its 700 per 500 also sw should change its size is possible
    I want this for my animation initially FRO m edge on the page

    Basically, I do not know how this has tried various options for last week no chance
    There are 100% option for swf that will scale the size of the swf to 100% of the page, but it does not toedge of page edge

    can anyone help

    Quote:
    Posted by: newsgroup user
    Thanks urami who worked

    Darr_darshan wrote:
    > Hi experts
    > I want to change my swf size according to the size of the html page in which it
    > open
    > such as if the page size is 1024 x 768 then swf should scale to this size
    > If its 700 per 500 also sw should change its size is possible
    > I want this for my animation initially FRO m edge on the page

    First of all, the size of the screen is never the same as the size of the browser to not use if
    you want to keep the proportions when scaling your files and do not distort the
    content. Keep in mind that the browser has its chrome all around, more grand, being on top
    of the screen (navigation), bar State and borders on the left and right sides.
    Second, always resize movie to the top, never down. While the scaling of movie you able to
    Keep your text, not the case when you descale movies especially with small text.
    who become illegible. Then you make movies in (example) 600 x 400 and intensify their
    instead.

    To fill the browser window, go to file - publish setting and on the HTML tab
    change the PIXEL size of PERCENT and set 100% x 100% - publish.
    Open the published html document recently opened in your favorite HTML editor, such as Notepad.
    Dreamweaver and Frontpage, adjust the margins up, down, left and
    right to zero pixel. This will make it fill the window entirely. Flash is
    not give this possibility.

    --
    Best regards

    Urami

    --

    !!!!!!! Merry Christmas!
    &
    Happy new year


    If you want to send me a message - DO NOT LAUGH at MY ADDRESS

Maybe you are looking for

  • Phone number in gray

    I am on iOS 8.1.2, iPhone 6 and my phone number for iMessage is grayed out and cannot be selected. Right now I can only use imessage with my apple ID is there a way to use my phone number instead? I already tried turning market imessage/facetime.

  • Kobo e-reader is compatible with Windows XP Service Pack 3?

    Original title: Kobo ereader on Windows XP SP3. I am Microsoft Online Customer Service post this question on behalf of the client. The client tries to install Kobo e-reader on his computer that has Windows XP SP3. It seems that it will not recognize

  • A2109 - is the amperage of the charger 2 or 2.5 or something different

    I have a couple of 2 Chargers USB amp for the Galaxy Tab units.  It would be powerful enough to the A2109?  I can't find the charger A2109 anywhere, including the Lenovo web site.  What greater than 2 is hard to find, but I understand the A2109 charg

  • Passport for blackBerry OS 10.3.1.2576 (SR 10.3.1.1779) now takes place on the Passport

    Hello I am aware that there is a new operating system deployment on a global scale, related to new passport firmware (OS 10.3.1.2576 / SR 10.3.1.1779) I'm in the United Kingdom, with an unlocked SIM device. Am on EE. Other UK users have posted (elsew

  • My trackball blackBerry smartphones is out!

    My trackball came off today and felt in my Pocket (thankfully). The silver ring was also well off... I had the ball back in and works very well, but I can't put the silver ring on. I'm trying to contact BlackBerry, but I can't find an email address f