title: Image Auto slider is not working, Kindly hep me to fix the same
body: <p>How can I make this slider run automatically with previous/next controls?</p>
  <p>It's working fine when I click on the previous and next buttons, but the sliders are not running automatically. Also, when I move the cursor to any of the slides it won't pause on mouse up.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var slideIndex = 0;
  showSlides(slideIndex);
  
  // Next/previous controls
  function plusSlides(n) {
    showSlides(slideIndex += n);
  }
  
  function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
  
    if (n &gt; slides.length) {
      slideIndex = 1
    }
  
    if (n &lt; 1) {
      slideIndex = slides.length
    }
  
    for (i = 0; i &lt; slides.length; i++) {
      slides[i].style.display = "none";
    }
  
    for (i = 0; i &lt; dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
    }
  
    slides[slideIndex - 1].style.display = "block";
    dots[slideIndex - 1].className += " active";
    setTimeout(showSlides, 1000);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="slideshow-container"&gt;
    &lt;div class="mySlides fade"&gt;
      &lt;a href="https://app.dellyranks.com/gzswVYPXlW"&gt;&lt;img src="/imgs/hol_str_08mar.jpg" style="width:100%"&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="mySlides fade"&gt;
      &lt;a href="https://app.dellyranks.com/ePCBiHZaqU"&gt;&lt;img src="/imgs/amz_dls_05mar.jpg" style="width:100%"&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="mySlides fade"&gt;
      &lt;a href="https://app.dellyranks.com/OfmaRDtoCl"&gt;&lt;img src="/imgs/smr_apl_08feb.jpg" style="width:100%"&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="mySlides fade"&gt;
      &lt;a href="https://app.dellyranks.com/HAmHgVvPni"&gt;&lt;img src="/imgs/meg_fas_08mar.jpg" style="width:100%"&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="mySlides fade"&gt;
      &lt;a href="https://app.dellyranks.com/RkOrndpUuH"&gt;&lt;img src="/imgs/spk_str_08mar.jpg" style="width:100%"&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;a class="prev" onclick="plusSlides(-1)"&gt;&amp;#10094;&lt;/a&gt;
    &lt;a class="next" onclick="plusSlides(1)"&gt;&amp;#10095;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div style="text-align:center;display:none"&gt;
    &lt;span class="dot"&gt;&lt;/span&gt;
    &lt;span class="dot"&gt;&lt;/span&gt;
    &lt;span class="dot"&gt;&lt;/span&gt;
    &lt;span class="dot"&gt;&lt;/span&gt;
    &lt;span class="dot"&gt;&lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>