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.

Similar Messages

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

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

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

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.

Play Edge Animate content AFTER Page finishes loading

Is there any way, either in Edge or Muse, to have the edge animations wait until the Muse page finishes loading before starting to play?
thanks

I find no way within Muse to accomplish what you want.
In An you can always just delay the start of your animation(s) for a specificed time.
That may now work very smooth though because everyone's systems will load the pre-animation page at differing speeds.
I'm NOT a js coder but I was looking at some of the generated js code and I have a feeling a good js person could make your animation do what you want.
I see different 'load' perameters mentioned. Maybe one of those could be used.
I'll bet your answer is somewhere in that *_edgePreload.js file.
http://www.lynda.com/home/Player.aspx?lpk4=107145&playChapter=False
That video talks about turning off Auto Play in An and using js for control. It doesn't mention how to do it, just that it can be done.

Why do my Jquery functions stop working when adding an Edge animation to my page?

I've used Edge now for a few months on several projects and it's very useful for a designer like myself to create html5 animations as quick as Flash, but I'm noticing that everytime you add edge to a page, the jqeury it uses overwrites any others on the page and breaks other jquery based widgets. Why is this?
I've had a coder friend I work with have a look at the problem and his only solution was to put the edge animation inside an iframe, which is far from ideal.
Is there a way to use Edge and still use other jquery widgets on the page? (Basically I'm using a Nivo Slider jquery fading image box further down the page, which is breaking).
Thanks

martcol wrote:
> I really do not thing that I have done anything at all
to the
> page and can garantee no changes to the PHP script.
>
> It's hosted on some free space so there's no support
there. What might be the
> problem?
With free hosting, you get what you pay for - nothing. It's
possible
that the hosting company has changed the PHP configuration
and turned
off the display of errors. Most companies do so nowadays,
because the
display of errors is considered a security risk.
You can try adding this to the top of the PHP script:
<?php ini_set('display_errors', '1'); ?>
If that displays any error messages, post the details of the
error
message here, and someone should be able to help you.
However, without giving more details of the script and setup,
your
question is rather like saying "My car won't start. What's
wrong?" It
could be anything. To get decent help online, you need to
describe the
problem in more detail.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/

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

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

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

Edge Animation on multiple pages Broken - Menu Navigation BROKEN

I've created a menu in Edge Animate that navigates my DPS document, it works fine however I've noticed that the animation just will not work subsequent pages, i.e it will only work on 1,3,5 but not on 2,4,6 etc
I've tried all the different folio overlay/layer order/ OAM vs HTML tricks. My navigation file works fine, so I'm convinced that it is something else.
Has anyone else noticed this???? Has anyone resolved this problem.
In my opinion this is an incredible issue that needs to be resolved, at the moment our app is useless as the navigation is a key client requirement.
Please help

Hi,
I've just had the same problem and I can confirm that it happens only with consecutive articles and with Edge Animate generated html files.
I know the reason why this happens: the iOS loads two contents per time, in this case the first page of the first and second.
This behaviour is used by the iOS to improve the swipe smoothness and user experiences. In other words it loads the second content in the memory and then, when you go to the second page the content is allready rendered.
I know this issue but the problem is that it happens only with Edge Animate html files... if I replicate the process using Muse CC HTML files it works fine.
I'm getting mad with this issue, please let us know how to solve the problem.
Thanks.
Andrea Spinazzola

(Urgent) Stop Motion Animation in After Effects?

THIS IS URGENT I need to make a stop motion out of a series of pictures that i took but i need a simple way to do it instead of having to individually drag and edit the shots. Is there anyway you can import a serise of shots as a sequence or something? Or is there another Adobe Software that is good for stop motion? THANKS

Are you asking about importing a series of still images as a still-image sequence?

How can I colour pop a moving object in a stop-frame animation in After Effects CS6 (Creative Cloud)

Hi,
The title pretty much explains what I want to achieve.
I have a black and white video and I want to colour pop a moving object in it with it's original colours.
I'm a full member of the Creative Cloud and so have all the suite available to me.
How can I do this?
Thanks.
Neil

Wow!!
Thankyou for that.
I'm a video/AE newbie and found a great tutorial video.
Many thanks.
Neil

Adobe edge animation not playing properly on Google Chrome

hi, just noticed this. finishing up my website http://www.thomasdrotardesign.com/work.html
i've just noticed that the edge animation plays the beginning of the animation then disappears completely except for a font here and there on Google Chrome.
it plays perfectly across all the other browsers. any idea what is going on here.
there is nothing nested. it is a straight time line. i am building it on a mac osX 10.9.4

DISCOVERY the reason adobe edge animation and google don't play well together is because if you use any sort of filter on your typography this will not appear on the chrome browser. sad but true. once i removed all the blur filters off my animations they started playing perfectly on chrome. this is too bad in that chrome is the largest used browser out there. thank you Redesign for your suggestion.

Stopping Edge animation play after page visit.

Similar Messages

Maybe you are looking for