title: I am having trouble with my vegas slideshow in javascript
body: <p>I have installed the <a href="https://vegas.jaysalvat.com/" rel="nofollow noreferrer">vegas</a> jquery plugin to my project with npm. Now when I try to use it by following the documentation it does not seem to work. I have linked the vegas.min.js and vegas.min.css files in my html.</p>
  
  <p>So, I have tried changing the path to the images, css, js files. Since I thought it had something to do with the path to the image.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="container" id="slide"&gt;
      &lt;p class="invisible"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function() {
      let imagecollection = [
          {src: './img/slide_0.jpg'},
          {src: './img/slide_1.jpg'},
          {src: './img/slide_2.jpg'},
      ];
  
      $("#slide").vegas({
          slides: imagecollection,
          transition: 'fade',
          preloadImage: true,
          timer: true,
          shuffle: true,
          delay: 5000,
          animation: 'kenburns',
          cover: true
      });
  });
  </code></pre>
  
  <p>Now, I was hoping it would show the images every 5 seconds and go through the images, but this is not happening. I am not getting any errors in the console.</p>