Как остановить кнопку перемотки слайдера изображения вперед на последнем изображении в jquery

---

на самом деле я поставил слайдер изображения на свой сайт, чтобы показать изображение один за другим на Click event..но на последнем изображении я хочу остановить слайдер изображения..dnt хочу повторить изображение снова...я dnt хочу вперед slide..bt мы можем вернуться

Что я уже пробовал:

<div class="w3-content w3-display-container">
    <div style="margin-left:150px">
  <img class="mySlides" src="../../../../../imageslider2/slide1.jpg" style="width:auto; height:auto"/>
  <img class="mySlides" src="../../../../../imageslider2/slide2.jpg" style="width:auto; height:auto"/>
  <img class="mySlides" src="../../../../../imageslider2/slide3.jpg" style="width:auto; height:auto"/>
  <img class="mySlides" src="../../../../../imageslider2/slide4.jpg" style="width:auto; height:auto"/>
<pre>  <a class="w3-btn-floating w3-display-left" onclick="plusDivs(-1)">❮</a>
  <a class="w3-btn-floating w3-display-right" onclick="plusDivs(1)">❯</a>
</div>

<script>
    var slideIndex = 1;
    showDivs(slideIndex);

    function plusDivs(n) {
        showDivs(slideIndex += n);
    }

    function showDivs(n) {
        var i;
        var x = document.getElementsByClassName("mySlides");
        if (n > x.length) { slideIndex = 1 }
        if (n < 1) { slideIndex = x.length }
        for (i = 0; i < x.length; i++) {
            x[i].style.display = "none";
        }
        x[slideIndex - 1].style.display = "block";
    }
</script>

---