[Support request] insert js pagetransitions barba.js

[Dirk]

Hello

i have on my webspace a barba.jd demo (HTML)

https://dinabox.de/test/

I would like to do this in a wordpressp page

https://dinabox.de

install

all my attempts failed

can someone help me

i have gp premium

[Tom]

Hi there,

I’m not too sure what you mean – can you explain a bit more?

[Dirk]

I have try

insert with hook in the footer
********************************************************************************

<script src=’https://cdnjs.cloudflare.com/ajax/libs/barba.js/0.0.10/barba.min.js’></script&gt;
<script src=’https://code.jquery.com/jquery-2.2.4.min.js’></script&gt;
<script src=’https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js’></script&gt;
<script src=”js/index.js”></script>

********************************************************************************

in the custon css field i insert

********************************************************************************
#barba-wrapper {
position: relative;
}

#barba-wrapper * {
margin: 0;
padding: 0;
}

html,
body {
overflow-x: hidden;
}

********************************************************************************

and the index.js in the theme js folder

the transition not work 🙁

Regards Dina

[Tom]

I’m not really sure what the end result is supposed to be? I’m not seeing anything there that would apply a transition to an element?

[Dirk]

That’s my problem 😉 I want to pass the transition at the page change

Regards dina

[Tom]

What transition? Are you working with any specific instructions you can link me to?

[Dirk]

Hello

here the instrucktion page

http://barbajs.org

Regards Dina

[Tom]

You would need the markup to match: http://barbajs.org/installation.html

To use the GP markup, you would have to add custom options to the API: http://barbajs.org/docs/Barba.Pjax.Dom.html

[Author]

Posts