Basic test animations not loading when published.

[GingerPrince]

Hi there. I'm looking to use GASP and eventually scroll trigger. I have installed the CDN scripts in wordpress (advanced scripts) and when i enter the basic text code into the javascript areas in Oxygen builder. It previews ok. But fails to load or work when published to the font end. Example here https://staging3.christianhoper.com

 

Not sure whats going wrong as its a pretty basic test.

Code is example image and rough guide to the elements on the page preview something like this..

 

I have paroler .js and lottie plugin scripts enables as well.. could there be a clash?

 

Any help would be greatly appreciated : )

 

[akapowl]

 

Hey @GingerPrince

 

When checking the source code on that page you linked to, you'll see that your custom script containing the tweens gets loaded before the neccessary js-files.

I have no idea how since I have no experience with wordpress and/or Oxygen, but you'd somehow have to make sure, that it happens the other way around. 

 

Running a tween from the console did work as intended, so I suppose that the above is the issue.

[GingerPrince]

Hi ya @akapowl  .. thanks for looking at this..  Could this be that I need to load them into the header not footer? When looking at where the scrips are in this example.. https://oxygen4fun.supadezign.com/tutorials/how-to-create-some-parallax-effects-with-gsap/

They seem to also be in the footer? In advanced scripts you can set the priority.. would that help do you think? The scripts are currently priority 10?

[GingerPrince]

@akapowl 

 

It seems like the gsap variable isn't loading as well.. I wonder whats causing that?

 

[Error] ReferenceError: Can't find variable: gsap
    Global Code (staging3.christianhoper.com:63:6742)
[Log] keydownHandler – KeyboardEvent (content_script.js, line 1803)
KeyboardEvent
> Selected Element
< <img id="logo" alt src="https://staging3.christianhoper.com/wp-content/uploads/2016/09/cropped-512_512_christianhoper_icon2.png" class="ct-image ">
[Error] Failed to load resource: the server responded with a status of 404 () (lottie-player.js.map, line 0)
[Log] keydownHandler – KeyboardEvent {isTrusted: true, key: "Control", code: "ControlLeft", …} (content_script.js, line 1803)
KeyboardEvent {isTrusted: true, key: "Control", code: "ControlLeft", location: 1, ctrlKey: true, …}KeyboardEvent
> Selected Element
< <div class="ct-section-inner-wrap">…</div>

[akapowl]

 

11 minutes ago, GingerPrince said:

Could this be that I need to load them into the header not footer?

 

I really can't tell because I have no experience with this.

 

Maybe someone else with some experience on this will come by and be able to help you out, but this really seems more WP- / Oxygen-related.

 

[GingerPrince]

@akapowl Ok no worries thanks for your help. : )