JSFiddle - React, Tailwind, and code Playground

by Gopinath Kaliappan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js"></script>

<div class="parallax-window">
  <div class="parallax-slider">
    <img src="$('.parallax-window').parallax({imageSrc: 'https://efficiosolutions.com/wp-content/uploads/2013/01/Business-Workspace-PC-and-Laptop-Work-Vector-Pack-PNG-Graphic-Cave-e1449492253449.png'});" srcset="https://www.workspace.com/images/trace.png 400w, /path/to/image-800px.jpg 800w, /path/to/image-1200px.jpg 1200w" sizes="100vw">
  </div>
</div>

CSS

.parallax-window {
    min-height: 400px;
    background: transparent;
}

JavaScript

$('.parallax-window').parallax({
    naturalWidth: 600,
    naturalHeight: 400
  });
$('.parallax-window').parallax({imageSrc: 'https://efficiosolutions.com/wp-content/uploads/2013/01/Business-Workspace-PC-and-Laptop-Work-Vector-Pack-PNG-Graphic-Cave-e1449492253449.png'});