Javascript 在第一张/最后一张幻灯片上禁用/隐藏幻灯片放映箭头

我使用的幻灯片基于。我想禁用或隐藏第一张幻灯片上的上一个箭头和最后一张幻灯片上的下一个箭头

我相信我需要编辑这个JavaScript以包含一个

if-else

子句（if-first-slide，hide.prev按钮，else-show），但问题是我缺乏理解。我对JavaScript有基本的了解，但是深入到数学方面（n或I值）让我感到困惑，而且我还没有学会jQuery

函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}

我不太确定您需要解释代码的哪一部分。一般来说，它只是添加或删除幻灯片索引，在“溢出”或“下溢”时调整索引，并用不同的索引隐藏幻灯片

如果不想显示第一个和最后一个箭头，可以添加如下代码

var prevArrow = document.getElementsByClassName('prev');
var nextArrow = document.getElementsByClassName('next');
prevArrow[0].style.display = "block";
nextArrow[0].style.display = "block";
if (slideIndex === 1) prevArrow[0].style.display = "none";
if (slideIndex === slides.length) nextArrow[0].style.display = "none";

这段代码只是“隐藏”了“当你在第一张幻灯片中时的上一个箭头和当你在最后一张幻灯片中时的下一个箭头”，你可以在w3school页面中测试它，它可以工作。我希望这有帮助 有很大的优化空间