Somtimes not loading all animations – but does on page reload

Hi @niklasekblom,

Can you share a URL to a site where this is happening?
I would like to take a look at the site so I can help unravel the mystery.

Thanks,
~ PacWeb

Hi @pacweb,

thanks for your support!

Here is a link to the development server: https://ecoclime.oakflower.se/varfor-valja-ecoclime/

If you click on the menu items “Varf?r v?lja Ecoclime?” and “S? fungerar Ecoclime” you will notice that the animations sometimes loads and sometimes not.

Thanks,
Niklas

Hi,
I checked the dev console and there seem to be some issues there. I get an error within easing.js, which sin’t part of ES. If a JS error happens anywhere then it most likely kills animations which aren’t loaded up until then.

You also get the following on both pages: “Javascript error in event handler! Event Type = timeline” This is probably an issue with jquery, see

https://stackoverflow.com/questions/13148014/timeline-event-error-in-adobe-edge-runtime-stops-javascript-execution
https://www.ads-software.com/support/topic/javascript-error-javascript-error-in-event-handler-event-type-timeline

What you can do is try to disable other jquery / JS plugins for testing and see if that resolves the problem. That’s at least my best bet on where the issue is coming from. It could of course also be a problem within ES but so far no one else has problems playing multiple compositions on a page with the new version of the plugin.

I can’t get this working.

I have disabled all plugins in WordPress.
I have removed all loading of Jquery in the page code (only loading Jquery in the Edge preloaded script).

Still the same error.

Suggestions?

Hi, now the page of the link above throws a “jquery not defined” caused by line 593. I guess jquery is not loaded anymore, but you still have code for “Add PrettyPhoto” in there.

Thanks for your reply!

I removed the loading of PrettyPhoto as well now.

Is there something more I should do?

/ Niklas

Please check the dev tools, still the same error. As long as there are JS errors in the console then chances are pretty high that compositions won’t play.

I have now eliminated the JS-errors in the EA-files. I also switched to a standard theme without any special JS.

Still the same error. Sometimes loads. Sometimes not.

I am desperate trying to solve this.

Hi,

I just looked at the site in both Chrome and Firefox and I don’t see any animations on either page. Did you pull the animations out?

Thanks,
~ PacWeb

@pacweb: No, they are still there… I can see them when visiting: https://ecoclime.oakflower.se/varfor-valja-ecoclime/

Any help would be fantastic!

/ Niklas

Hey Guys,

i have exactly the same problem(s).

on my website CLICK i have 2 edge animations. #1 moving grey boxes. #2 the ipad

when i refresh the browser for like 5 times or click a link and go back, there is a minimum of 1-2 times where it does not load at least one of the edge animations.

To test, whether maybe my animations are bugging, i created a 550x400px non-responsive non-centered stage without preloader and exported it with CDN-hosting and without.

the effect remains the same: sometimes it loads, sometimes it won’t.

WHAT is different, is the code inside the placed DIV-box, which i can see with my firebug addon:

NOT WORKING:
<.script type=”text/javascript”.>
<.div id=”Stage_nowadays-keynote_28″ class=”nowadays-keynote” style=”position: relative;”.><./div.>

the stage-id is empty. there is no flow-wrapper.

WORKING:

<.script type=”text/javascript”.>
<.div class=”flow-wrapper” style=”width: 1px; height: 885px;”.>
<.div class=”center-wrapper” style=”position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; height: 885px; width: 1304px;”.>
<.div id=”Stage_nowadays-keynote_28″ class=”nowadays-keynote” style=”blablablabla;”> <.CONTENT.> <./div.>

tested on the latest firefox and safari (iMac) + safari iPhone 6.

Hoping to fix this soon ??

EDIT: also tried the “jQuery NoConflict mode (experimental)”

I can now manage to let this issue happen everytime:

load This

scroll down. Press on the right box (kraftwerk). scroll down. press the left box (back to nowadays).

and voila: no edge animations.

@justtimo Thanks for the details, I can reproduce this in chromium. I debugged this for half an hour but I yet don’t have a clue why this happens. It doesn’t seem to be related to the loading of the runtime or if it is cached or not. Both animation loadings seem to trigger but the first crashes in the init function because some data doesn’t seem to be loaded into the composition. I yet don’t have an idea why this doesn’t happen of a page reload, but when navigating back. Have to think about it for a bit, will get back to you…

Alright! Thanks Timm! Really hope we can manage to fix this, since i’m animation-addicted and seeing this plugin just made me feel like a child on christmas day.

P.S. Sch?ne grü?e aus Ratingen nach K?ln/Hürth ??

EDIT: Update! 50 % fix.

I managed to fix this issue half the way. I deactived the dynamic AJAX-loading for my template. Now i can switch between pages without having the no-edge-content bug.

Unfortunately it kills the smooth transitions which i have between all my pages… and which make my site special.

but for now this is a 50 % fix.

the remaining 50 % are:
on my “nowadays”-page i have 2 edge compositions. Sometimes only 1 is visible.

I’ll dig deeper.

Cheers

Ohh, yeah, I wasn’t aware that you are using ajax calls to load content. Most likely that won’t work ?? At least not out of the box. I guess it should be possible but then you have to know all about how animations are loaded, initialized and how ES integrates them.

To figure out though what the other 50% are I would suggest testing two things. 1) Switch the two animations for really simple ones to see if that brings any change. 2) Switch the theme and try this on a basic setup.

This should then narrow down where the problem is.