マテリアライズからの視差画像なし

Question

ImマテリアライズCSSを使用していて、Parallaxを使用しようとしています。

私は指示に従った：http://materializecss.com/parallax.html

しかし、私は保存するときに、何の画像が表示されません。ここで

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> 

、スクリプト：

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

ありがとう！

Answer 1

イメージは正常に機能しています。ここに私のデモへのリンクがあります。私はあなたのものから二股に分岐しました。https://codepen.io/nirajtech/pen/jmKNpr

視差を引き起こすために必要な2つのjsファイルは含まれていませんでした。

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

思い出してくれるに含める：最初のjqueryの及び第2の下方に設けられているJS materialize.js

両方のリンクであります最初にjquery、次にmaterializそうでなければ問題に直面します。