Parallax & Slider materialize.css

I'm developing in front-end and I'm looking for a way to make a slider with parallax with the materialize framework but I could not, the effect is to make a slide of images but also using a parallax. If someone has used this framework, they will know what I'm talking about.

  HTML CODE

<div class="slider">
      <ul class="parallax slides ">
        <li>
          <div class="parallax"><img src="B3.jpg" alt="Unsplashed background img 2"></div>
        </li>
        <li>
          <div class="parallax"><img class="responsive-img" src="background1.jpg" alt="Unsplashed background img 2"></div>
        </li>
      </ul>
    </div>

CODE JS

(function($){
  $(function(){

    $('.slider').slider();
    $('.button-collapse').sideNav();
    $('.parallax').parallax();


  }); // end of document ready
})(jQuery); // end of jQuery name space

I thank in advance who can help me.