Hallo Leute,
ich möchte den "responsive slides"-Slider (http://responsiveslides.com/) möglichst korrekt und sauber in meine WP-Seite einbinden. Doch irgendwie will es nicht funktionieren.
Ich habe zuerst die nötigen Skripte per functions.php eingebunden:
add_action( 'wp_print_scripts', 'add_my_scripts', 100 );function add_my_scripts() { if ( !is_admin() ) { wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', ( 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' ), false, null, true ); wp_enqueue_script( 'jquery' ); wp_register_script( 'portfolio-script', 'http://meineURL/js/responsiveslides.min.js'); wp_enqueue_script( 'portfolio-script' ); } }add_action('init', 'add_my_scripts');
Eine Überprüfung im Frontend hat gezeigt, dass die Skripte korrekt geladen werden.
Anschließend habe ich folgenden Code-Schnipsel in den head in der header.php mit einem conditional-tag eingefügt:
<?php if ( is_page( array( 117, 24, 115 ) ) ) { echo " <script> $(function() { $('.rslides').responsiveSlides({ auto: false, // Boolean: Animate automatically, true or false speed: 500, // Integer: Speed of the transition, in milliseconds timeout: 4000, // Integer: Time between slide transitions, in milliseconds nav: true // Boolean: Show navigation, true or false }); }); </script> "; } ?>
Auch hier habe ich festgestellt, dass das Skript geladen wird.
Trotzdem funktioniert der Slider nicht! Ich habe das Ganze auch offline als reine HTML-Version getestet. Da funktioniert es, also ist es auch kein JavaScript-Fehler. Es muss ein PHP-/Wordpress-Fehler sein. Hat jemand eine Idee?
LG