Javascript 停止jquery中最后一个图像上的图像向前滑动按钮

我在我的网站上放了一个图像滑块，在点击事件中一个接一个地显示图像，但在最后一张图像上我想停止图像滑块。我不想再重复图像，也不想向前滑动，但我们可以往回走

   <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>

var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

HTML:

❮ 
❯ 

首先，您需要获得幻灯片总数的计数，并将其设置为一个变量，您可以使用该变量，然后您需要向

plusDivs

函数添加一条条件语句，以便在

slideIndex

值等于幻灯片总数时执行某些操作（在下面的示例中发出警报）：

var slideIndex=1，
totalSlides=document.querySelectorAll（'.mySlides'）。长度；
showDivs（slideIndex）；
函数plusDivs（n）{
如果（幻灯片索引===totalSlides）{
警报（“幻灯片放映结束”）；
}否则{
showDivs（slideIndex+=n）；
}
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

---

关于html代码：我有这个❮ ❯ 但当我们显示警告消息时..两个按钮都不起作用..图像滑块向前和向后..我只想禁用向前按钮

    <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"/> 
    <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>