Javascript 如何禁用“开始”上的“上一步”按钮和最后一张图像幻灯片上的“下一步”按钮

如何禁用“开始”上的“上一个”按钮和“最后一个图像幻灯片”灯箱上的“下一个”按钮。。。这是链接。

在幻灯片放映功能的末尾添加了以下代码

  var next = document.getElementsByClassName("next")[0];
  var prev = document.getElementsByClassName("prev")[0];
  if(n == slides.length){ 
    next.classList.add('disableClass');
    prev.classList.remove('disableClass');
  } else if(n ==1){
    prev.classList.add('disableClass');
    next.classList.remove('disableClass');
  } else {
    next.classList.remove('disableClass');
    prev.classList.remove('disableClass');
  }

还添加了css：

.disableClass {
    opacity: 0.2;
    pointer-events:none;
}

函数openModal（）{
document.getElementById（'myModal'）.style.display=“block”；
}
函数closeModal（）{
document.getElementById（'myModal'）.style.display=“无”；
}
var slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“演示”）；
var captionText=document.getElementById（“caption”）；
如果（n>slides.length）{slideIndex=1}
如果（n<1）{slideIndex=slides.length}
对于（i=0；i

正文{
字体系列：Verdana，无衬线；
保证金：0；
}
* {
框大小：边框框；
}
.row>列{
填充：0 8px；
}
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.栏目{
浮动：左；
宽度：25%；
}
/*模态（背景）*/
.莫代尔{
显示：无；
位置：固定；
z指数：1；
填充顶部：100px；
左：0；
排名：0；
宽度：100%；
身高：100%；
溢出：自动；
背景色：黑色；
}
/*模态内容*/
.模态内容{
位置：相对位置；
背景色：#fefe；
保证金：自动；
填充：0；
宽度：90%；
最大宽度：1200px；
}
/*关闭按钮*/
.结束{
颜色：白色；
位置：绝对位置；
顶部：10px；
右：25px；
字体大小：35px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#999；
文字装饰：无；
光标：指针；
}
迈斯利德斯先生{
显示：无；
}
.光标{
光标：指针
}
/*下一步和上一步按钮*/
.prev，
.下一个{
光标：指针；
位置：绝对位置；
最高：50%；
宽度：自动；
填充：16px；
利润上限：-50px；
颜色：白色；
字体大小：粗体；
字体大小：20px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
用户选择：无；
-webkit用户选择：无；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，
.下一步：悬停{
背景色：rgba（0,0,0,0.8）；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
img{
保证金底部：-4px；
}
.标题容器{
文本对齐：居中；
背景色：黑色；
填充：2x16px；
颜色：白色；
}
.演示{
不透明度：0.6；
}
.主动，
.演示：悬停{
不透明度：1；
}
悬停阴影{
过渡：0.3s
}
.悬停阴影：悬停{
长方体阴影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）
}
.残疾阶级{
不透明度：0.2；
指针事件：无；
}

灯箱
&时代；
1/4
2/4
3/4
4/4
❮
❯

很好。。。谢谢……谢谢。。它的Working@imSayan-如果它工作正常意味着请将其标记为正确答案，这将有助于以后的其他人。@imSayan-您需要在哪里添加背景色？在“上一页/下一页”按钮上。当其显示为“无”时。就像一个禁用按钮。。并希望使幻灯片平滑。@imSayan-更新了答案。如果你满意答案，请投赞成票。