DPS and Edge - animation plays before page loads

Hi-
I have had a continuing challenge with animations created in Edge and placed into an Adobe DPS document. Short animations that are intended to play when the viewer gets to the page (onload) are already finished playing when the page is viewed. Other CSS3 and jquery based animations load as expected only when the page is navigated to and "in view".
I was excited for the latest Edge release and CS6 hoping that this issue had been resolved, but it is still happening for me.
Has this been resolved? Using an event handler or not checking "Autoplay" and requiring user interaction to initiate the animation are not the effect I want.
Did you find a resolution to this?
I also posted this question to the Edge forum...
Thank you!!
Shawn

I don't recall mentioning onLoad, but since you mention it...
Edge triggers auto-play animations off the onLoad event right now. In DPS publications the correct event to trigger on is onAppear. We're working with the Edge team to make sure that when you publish for DPS the auto-play animations look for the right event.
Neil

Similar Messages

  • EDGE animation plays before I come to the page in an Article

    Hello,
    I have created an EDGE animation, and, it plays before I get to the page in an Article.
    I have created other animations and placed them into articles and other folios, but, on this, it does not play correctly. I would like it to play upon entering the page or going to the page. but, when I enter the page it has already palyed. Might you have some hints or answers?
    Thank you,
    L

    Need to set a delay on it with Folio Overlays panel I believe, little tricky if
    its in a smooth scrolling page as that maybe loaded in one go, even
    though it should tile.

  • Stopping Edge animation play after page visit.

    I have an Edge animation as a banner on my homepage. I was wondering how, if for example someone landed on my homepage the animation plays out, then navigates to my portfolio page, then back to the homepage, the animation would not play again. I think I'm trying to go the more is less route, also I think it will increase overall page loading speed, than trying to replay the animation everytime you return to my homepage. I hope this made sense. Thanks.

    Hi there, the first thing that comes to mind is to use session storage. Set a variable "isFirstTime", and check it on Stage.compositionReady in Edge. You can then jump to the end of your timeline, effectively skipping the animation. Alternately, you could set and check session storage outside of Edge, and swap out the div's contents to either contain Edge content, or a static image, etc.
    Here is a good example:
    http://www.w3schools.com/html/html5_webstorage.asp
    Session storage stores data until the user closes the browser, so they would see the animation again if they closed the browser and visited your site they next day, but they wouldn't see it again on the same visit.

  • Why won't my adobe edge animations play from the start each time they are loaded on an Adobe DPS layout?

    Hi there
    I have an adobe DPS document with several pages, and edge animations on each page. I want each animation to play from the start when each page is opened, however, the playback seems to be very inconsistent. Some animations play from the start, others half way through, and some playback incorrectly. I want to also be able to return to each page and have the animations reload, instead of just displaying the final frame of the animation.
    I have played around with the delay time which doesnt seem to fix it.
    Any advice would be greatly appreciated.
    Dan

    Hi, Im DPS projects medias like video, audio, animation html5 dosen´t reload inside the same article, just between the articles. Better produce articles just one page and change pages with horizontal swipe Regards

  • Web View / Play on Page load...

    I have experienced an issue with the play on page load option within DPS. When embedding multiple html5 animations within one file the play on page load makes all animations start at the same time. By the time the reader has read the copy and lets say comes to page two or three the animation on that page has already played. If I now don't want to loop the animation it means all the fun is over when I come to the page.
    Anyone experienced similar problems?
    Solutions?
    Thank you,
    Alex

    Yes, I've noticed the same issue. With some Web Content overlays, the play on page load option actually means "play on article load." This happens with the Overlays > Web Content article in the DPS Tips app. There is a local HTML animation on page 3 of that article that launches when you first turn to the article. I'll ask around and let you know what I find out.

  • How to Set icon/image programatically in ADF before page loads

    This is my UI:
    Depends on the condition i want to set icon/image programatically in my java code.Before page load im calling this method.
    So i couldnt take binding value also,it throws null pointer exception.Then i tried setting icon/image programatically.
    <af:commandImageLink text="settings" icon="#{bean.iconsettings}" binding="#{bean.bind}"> </af:commandImageLink>
    My bean:
    private RichIcon iconsettings;(its getters and setters)
    private void method(){                         // method
    if(cond){
    this.iconsettings="/images/20.jpg";   //trying to set icon in a string.but it throws me error that cannot set RichIcon to string.
    else
    this.iconsettings="/images/19.jpg";
    Could any one tell me how can i set icon/image in java code.Before page loads im performing all above said tasks.Please help.

    Well, you set the icon property to a bean method, which you have done. The bean method however need to have the signature
    public String getIconsetting()
    // your code returning hte path to the icon
    if(cond){
         return ="/images/20.jpg";   //trying to set icon in a string.but it throws me error that cannot set RichIcon to string.
    else {
         return ="/images/19.jpg";
    The bindproperty is not needed, remove it and remove the RichIcon Iconsettings too´as it's not needed to and is the wrong type anyway.
    Timo

  • After upgrading to 8.0 the add-on compatability tool runs and the Getting Started web page loads every time the browser starts.

    After upgrading to 8.0 from 7.0.1 every time I start FF I get the add-on compatibility tool to run and the Getting Started web page loads along with my homepage in separate tabs as well. So far I have tried running the installer again, disabling all add-0ns and custom settings and restarting and turning off automatic updates. Nothing worked there. I got the same behavior each time. I don't know what else to try other than a full uninstall and reinstall. Something I'd like to avoid if it's possible because of the time involved. This is the second time I have posted regarding this issue. The first time I didn't get a response. A solution or a possible workaround would be greatly appreciated if anyone knows of any. As a staff member and a global forum moderator for an anti-virus company I understand how hectic things can be at times but some feedback, good or bad, on this issue would be very welcomed! Regards, Ritchie...

    Hi michaell, thanks for the reply. I tried everything in the Preferences are not saved link you provided and nothing worked there. If creating a new profile will delete all my add-ons and custom settings I might as well just do a complete uninstall and reinstall. That actually would be easier. That article told me how to save my bookmarks though so I don't have to loose those which is nice. I don't know if this makes any difference but there is a discrepancy between the preference file in the article which is: prefs.js and what's showing on my PC which is: prefs with no .js suffix. I tried to rename the file to prefs.js and restarted. No luck there either. It just created another prefs file. I guess we've pretty much exhausted all the avenues to try! I'm just going to go ahead and do a reinstall when I get the time. Thanks so much for your help michaell. I do appreciate the effort. Regards, Ritchie...

  • Edge Animation plays only after page refresh in Firefox

    There is an issue with animation playback in Firefox (I have the newest version - 27.0) - it works only after page reload or if you go to another page and come back to the home page.
    I've saved Edge animation as .oam package and placed into Muse. My animation is floating clouds right above roof on homepage.
    When I open html generated by Edge Animate in Firefox it works perfectly at once.
    Please help!
    I would appreciate any advice.
    Thanks!
    Here is my site http://www.digidom.kz.

    Same FF version here, your page loads fine here, upon first visit and subsequent visits.
    Have you tried clearing out browser cache; restart FF then reload/revisit your page.
    Darrell

  • Why won't my Edge animation play in DPS?

    I've created a very simple animation of svg elements fading from 0-100% opacity (no code) in Adobe Edge. When I import it into folio (set for for iPad) the animation would not play. When I preview it on desktop, I would only see the poster image and then quickly fade to white. From what I've read in one of the other forums, I have the Edge animation set up for retina (2048x1536), and then in InDesign: 1024, in folio: 2048; however, still no luck. I published the animation for Animate Deployment Package (oam), really can't think of anything else that might have gone wrong...
    Please help, thanks!

    Hi Elaine,
    This is Annie, I just updated my account to the company's account.
    Thank you so much for for your help, I was able to download the zip file. As it turns out I wasn't using the latest edge animate and indesign. After updating everything, as well as downloading the DPS destop tool kit http://www.adobe.com/support/downloads/detail.jsp?ftpID=5571 I tried to open the file you sent me. I got the error message: An error has occured while generating article preview. Could not find the adobe content viewer. So I tried to download the content viewer again but still, same message. I really can't figure out why...
    .Annie

  • Adobe Edge animation glitching html page and SVG disappearing

    Hi all,
    I am having an issue with an Adobe Edge animation that I am making for a client - I am fairly new to Edge so this may be an easy fix!
    There is an SVG named chassis (Looks like a brown tadpole) that halfway through the animation - disappears and then glitches the webpage by drawing a white background that overlaps everything...
    I have set the background in Edge to transparent so I don't know why this is happening, even in the 'Preview in browser' option it happens.
    Here is the site where the animation is embedded - http://louisreed.co.uk/tiddlybot (Scroll down a little bit)
    Any help or suggestions welcome.
    Thanks!
    Louis

    Hi Louis ,
    Can you try out one thing. We suspect this issue is caused because of the anti-scaling which we apply.
    Just try to disable anti scaling.Follow the steps below : 
    This scale factor can be changed from:
    1. Close Animate
    2. Open the preference folder:
    a. Windows: C:\Users\{username}\AppData\Roaming\Adobe\Edge Animate\4.0.0\
    b. Mac: /Users/{username}/Library/Prefrences/Adobe/EdgeAnimate/4.0.0/
    3. Open the AppPrefs.xml file in a text editor.
    4. Search for the Current line in AppPrefs.xml:
    <key>SvgAntiScaleFactor</key>
    <float>10</float>
    Update this to:
    <key>SvgAntiScaleFactor</key>
    <float>1</float>
    5. Launch Animate.
    However note: This setting will work only for new animate content that you create after this setting is applied - i.e it will work only for newly pasted SVG’s in a new composition.
    Exiting Animate compositions opened after applying the setting(Step 5 above) will still show the same problem. You will need to delete the SVG and copy-paste again.
    Do let us know if this solution helps in your case too.
    Thanks and Regards,
    Sudeshna Sarkar

  • How to use 1 edge animation in multiple pages without duplicate files?

    Hi,
    I want to display an animation on multiple pages that are all located in there own respective folders. I want to be able to move then animation files into it's own dedicated folder e.g. /includes/edge folder where I can still use this animation in other pages not locate in this folder.
    How can this be done?
    Thanks

    For you use case,
    You can have your animate files in a folder and load them in different pages using a iframe

  • Link Edge animation to HTML page?

    Is there a way to link my Edge animation to an Index HTML page in the same folder as the Edge.HTML? I linked a webpage with the OpenURL trigger and it worked. But I would like to link it to the index page within the same folder so that I can test it before uploading it to the internet.
    The trigger link that worked is:
    window.open("http://www.mywebsite.com", "_self");
    But can I use something like:
    window.open("index.com", "_self");
    Thanks,
    Susan

    Susan-
    You don't need the sitename - just use this (assuming you are calling it from the same directory as you said):
    window.open("index.html", "_self");
    Else, you should be able to use this if it one folder deep:
    window.open("../index.html", "_self");
    James

  • Full res retina iPad and Edge Animation issues

    OK So I have been building folios for the new iPad (retnia) and the only way I can get a full page animation built in edge to work is to build it on a stage that is half res (1024x768). If I build a full screen edge animation (2048x1536) it just shows a blank screen on that page on the iPad. Anyone have any tips on this? The folio is built at 2048x1536. So when i place a 1024x768 oam file I have to stretch it and use "scale to fit". Although the animation works like this it is not as pretty as the full res pages that follow. Ideas?

    Alright. So I did a bunch of testing. Good news is that text created in indesign looks identical in quality regardless of if the indesign file is 1024 or 2048 when using PDF as the folio format. Bad news is that images (i.e. placed psd files) look not as great. Definantly better than when i was trying to upscale in folio Automatic from 1024 to 2048 but not as good as a indesign file created at 2048.
    Wish there was a way to solve the image quality issue. Oh and of course all the Edge animations work like a charm using PDF and 1024. They still are not as sharp or high quality as Edge animations built at 2048 but at least they work.

  • Page loads, sound plays; prefer page loads, sound not play

    Insert>Media>Plug in
    I select a sound file, OK.
    When I publish the page, it even puts a play/stop controller.
    BUT the sound plays when the page loads, instead of waiting
    for some one to hit "play".  I want no sound until some one
    hits "play". (I dont want a new page to open, just play
    in the web page  Also, the page wants to use quick time player.
    Is that necessary?  Is there a better way?
    Anyone, thanks !
    DW CS3

    ok this seems to work.
    Is this conventional and acceptable html5 coding?
    Works on 3 browsers; I never test IE tho.
    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>New Mexico Birds</title>
    <style type="text/css">
    div {
    position: relative;
    height: auto;
    width: auto;
    text-align: center;
    body {
    background-color: #000000;
    </style>
    </head>
    <body>
    <div>
      <p><img src="images/siskin_01.jpg" width="658" height="668" alt=""/></p>
      <p><img src="images/sparrow_02.jpg" width="658" height="726" alt=""/></p>
    </div>
    <div><audio controls>
    <source src="song_sparrow.ogg" type="audio/ogg">
    <source src="song_sparrow.mp3" type="audio/mp3">
    Looks like your browser is outdated and doesn't support the audio element.
    Please upgrade to a modern browser that does.</p>
    </audio></div>
    <div>
      <p><img src="images/jay_03.jpg" width="658" height="631" alt=""/></p>
      <p><img src="images/towhee_04.jpg" width="658" height="469" alt=""/></p>
      <p><img src="images/woodpecker_05.jpg" width="658" height="806" alt=""/></p>
      <p><img src="images/nuthatch_06.jpg" width="658" height="557" alt=""/></p>
      <p><img src="images/junco_07.jpg" width="658" height="653" alt=""/></p>
      <p><img src="images/solitaire_08.jpg" width="658" height="548" alt=""/></p>
      <p><img src="images/towhee_09.jpg" width="658" height="641" alt=""/></p>
      <p><img src="images/finch_10.jpg" width="658" height="927" alt=""/></p>
    </div>
    <div><audio controls>
    <source src="red_finch.ogg" type="audio/ogg">
    <source src="red_finch.mp3" type="audio/mp3">
    Looks like your browser is outdated and doesn't support the audio element.
    Please upgrade to a modern browser that does.</p>
    </audio></div>
    <div><img src="images/blackbird_11.jpg" width="658" height="729" alt=""/></div>
    </body>
    </html>

  • MVC before page loads html content getting displayed

    I have built the application using MVC and when i am trying to re-direct from one view to other view i am building the contents in string builder putting into the view but before the page load i am getting this kind of html content
    later after few seconds i get the full view of the page 

    Please use the ASP.NET forums for MVC related questions:
    http://forums.asp.net/1146.aspx/1?MVC

Maybe you are looking for