Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Support request] insert js pagetransitions barba.js

Home Forums Support [Support request] insert js pagetransitions barba.js

Home Forums Support insert js pagetransitions barba.js

  • This topic has 7 replies, 2 voices, and was last updated 6 years ago by Tom.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #423617
    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

    #423730
    Tom
    Lead Developer
    Lead Developer

    Hi there,

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

    #423798
    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

    #424635
    Tom
    Lead Developer
    Lead Developer

    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?

    #424911
    Dirk

    That’s my problem πŸ˜‰ I want to pass the transition at the page change

    Regards dina

    #425524
    Tom
    Lead Developer
    Lead Developer

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

    #426509
    Dirk

    Hello

    here the instrucktion page

    http://barbajs.org

    Regards Dina

    #427238
    Tom
    Lead Developer
    Lead Developer

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.