ScrollMagic mit Wordpress

  • Hallo,

    ich hoffe das ich hier richtig bin und mir geholfen werden kann.

    Ich bin gerade dabei eine Wordpress Seite aufzubauen und möchtes das JS Plugin ScrollMagic verwenden.

    Ich bin nach der Einleitung dieser Seite (https://scotch.io/tutorials/buil…-scrollmagic-js) vorgegangen, aber es stockt irgendwo, aber alles nacheinander.

    Als erstes habe ich die TweenMax in der header.php eingebunden.

    Code
    [COLOR=#F92672][FONT=Consolas][COLOR=#F8F8F2]<[/COLOR]script [COLOR=#A6E22E]src[/COLOR][COLOR=#E6DB74][COLOR=#F8F8F2]=[/COLOR][COLOR=#F8F8F2]"[/COLOR]//cdnjs.cloudflare.com/ajax/libs/gsap/1.14.2/TweenMax.min.js[COLOR=#F8F8F2]"[/COLOR][/COLOR][COLOR=#F8F8F2]>[/COLOR][/FONT][/COLOR][COLOR=#F92672][FONT=Consolas][COLOR=#F8F8F2]</[/COLOR]script[COLOR=#F8F8F2]>[/COLOR][/FONT][/COLOR]

    Als Nächstes habe ich die eigentliche Scrollmagic js in der functions.php eingebaut.

    PHP
    wp_enqueue_script( 'scrollmagic-script', get_template_directory_uri() . '/js/jquery.ScrollMagic.min.js', array( 'jquery' ), '20150330', true );

    Bis hierhin funktioniert alles und die Sachen wurden auch richtig reingeladen (mittels Firebug geprüft). Möchte ich aber jetzt den nächsten Schritt machen und den folgenden Code-Abschnitt in die functions.php einfügen kriege ich einen 500 Error und die Seite lädt keinen Inhalt mehr.

    PHP
    $(function() {    // Init Controller    var scrollMagicController = new ScrollMagic();});

    Das ganze läuft auf einem lokalen MAMP Server. Kennt jemand das Plugin und weiß wie man das Plugin richtig in Wordpress einbauen kann? Bzw was ich falsch mache?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!