Archived topic
insert js pagetransitions barba.js
7 replies · Started by Dirk on November 13, 2017
Hello
i have on my webspace a barba.jd demo (HTML)
I would like to do this in a wordpressp page
install
all my attempts failed
can someone help me
i have gp premium
Hi there,
I'm not too sure what you mean - can you explain a bit more?
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>
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js'></script>
<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
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?
That's my problem ;-) I want to pass the transition at the page change
Regards dina
What transition? Are you working with any specific instructions you can link me to?
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