2017-05-10 6 views
0

Im mit Materialise CSS und ich versuche, die Parallax zu verwenden.Parallax von Materialize kein Bild zeigt

folgte ich den Anweisungen: http://materializecss.com/parallax.html

Aber wenn ich gezeigt speichern, wird kein Bild. Hier

ist die codepen: https://codepen.io/wecarrasco/pen/qmxMox

<div class="parallax-container"> 
    <div class="parallax"><img src="http://www.mrwallpaper.com/wallpapers/landscape-georgia.jpg"></div> 
    </div> 
    <div class="section white"> 
    <div class="row container"> 
     <h2 class="header">Parallax</h2> 
     <p class="grey-text text-darken-3 lighten-3">Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.</p> 
    </div> 
    </div> 
    <div class="parallax-container"> 
    <div class="parallax"><img src="\wecarrasco.github.io/computer.jpg"></div> 
    </div> 

Und das Skript:

<script> 
    $(document).ready(function(){ 
     $('.parallax').parallax(); 
    }); 
</script> 

Dank!

Antwort

0

Die Bilder funktionieren jetzt gut. Hier ist der Link zu meiner Demo, die ich gegabelte von https://codepen.io/nirajtech/pen/jmKNpr

Das Problem war, dass Sie nicht die beiden js-Datei enthalten, um die Parallaxe auszulösen. erste jquery und zweite materialize.js

Die Verbindung beider JS unten bereitgestellt:

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js

  2. https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js

Remeber einzubeziehen jquery zuerst und dann materializ Sonst werden Sie ein Problem haben.