Leider habe ich nicht zu diesem Thema finden können,
der Einsatz von scrollorama (http://johnpolacek.github.io/scrollorama/) schlägt fehl in wordpress. Leider kann ich den Fehler oder Grund dafür nicht finden.
Folgendes ist eingetragen:
Das laden der jquery Dateien, diese befinden sich in einem Unterordner des child themes ->
in der functions.php:
PHP
add_action('wp_enqueue_scripts', 'load_javascript_files');
function load_javascript_files() {
wp_enqueue_script( 'scrollorama', get_template_directory_uri() . 'js/jquery-1.9.1.min.js', array( 'jquery' ));
wp_enqueue_script( 'scrollorama', get_template_directory_uri() . 'js/jquery.lettering-0.6.1.min.js', array( 'jquery' ));
wp_enqueue_script( 'scrollorama', get_template_directory_uri() . 'js/jquery.scrollorama.js', array( 'jquery' ));
}z.B. auf einer Seite:
HTML
<div class="scrollblock" id="examples-parallax">
<h2 id="parallax1">Parallax1</h2>
<h3 id="parallax2">Parallax2</h3>
<h3 id="parallax3">Parallax3</h3>
</div>in der header.php
Code
<script>
$(document).ready(function() {
var scrollorama = $.scrollorama({ blocks:'.scrollblock' });
scrollorama
.animate('#parallax2',{ delay: 400, duration: 600, property:'top', start:800, end:-800 })
.animate('#parallax3',{ delay: 200, duration: 1200, property:'top', start:500, end:-500 });
});
</script>Exakt die gleiche Konstellation, funktioniert in einer normalen HTML-Seite bestens, dort werden die jquery Dateien nur anders geladen ->
Einbinden auf einer normalen HTML Seite:
Code
<script src="js/jquery-1.9.1.min.js">
</script><script src="js/jquery.lettering-0.6.1.min.js"></script>
<script src="js/jquery.scrollorama.js"></script>Es würde mir sehr weiterhelfen, wenn jemand eine Idee hat oder mir sagen kann, welchen Fehler ich hier übersehe.
Schöne Grüße,