Javascript 需要帮助创建带标题的幻灯片索引吗

首先，我知道这是一个非常基本的问题。然而，我并没有很好地学习Javascript，我通常专注于设计。现在在我的网站上，一旦你点击一个箭头，它就会在一组图像中向前或向后移动。我想这个功能也适用于我在图片下方创建的标题。单击箭头在图像中移动后，它应同时在下面的标题中移动。我几乎通过为标题创建另一个函数来实现这一点，该函数将在单击相同箭头时触发，但是，这不起作用。我希望能得到一些帮助。下面是一些javascript代码。我还将链接到现场网站。请注意，代码中有一个显示幻灯片位置的点索引，但是我放弃了这个想法

var sliderIndex = 1;
function setSlider(){
showSliders(sliderIndex);
}
//slider image index
function plusSlider(n) {
showSliders(sliderIndex += n);
}

//dot index
function currentSlider(n) {
showSliders(sliderIndex = n);
}

function showSliders(n) {
var i;
var slides = document.getElementsByClassName("manualslider");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {sliderIndex = 1}
if (n < 1) {sliderIndex = slides.length}
for (i = 0; i < slides.length; i++) { 
  slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
  dots[i].className = dots[i].className.replace(" active", "");
}
slides[sliderIndex-1].style.display = "block"; 
dots[sliderIndex-1].className += " active";
}

//Manual Slide
setSlider();

var sliderIndex=1；
函数setSlider（）{
幻灯片（sliderIndex）；
}
//滑块图像索引
函数加滑块（n）{
显示滑块（滑块索引+=n）；
}
//点索引
函数currentSlider（n）{
显示滑块（sliderIndex=n）；
}
功能显示滑块（n）{
var i；
var slides=document.getElementsByClassName（“手动滑块”）；
var dots=document.getElementsByClassName（“dot”）；
如果（n>slides.length）{sliderIndex=1}
如果（n<1）{sliderIndex=slides.length}
对于（i=0；i

如果这是基本的，谢谢你，对不起

---

编辑：标题的类名为manualsliderb

Greetings。如果您提供更多信息，我们会更容易理解，例如：1）您的代码（HTML、CSS、JS）的工作示例（如果可能的话）封装在代码片段中，2）您迄今为止尝试过的任何解决方案，3）可以帮助社区理解和可视化您的问题/目标的屏幕截图或参考。您好，我在这篇文章的底部插入了该网站的链接。我还谈到了创建新函数的尝试解决方案。我希望这足够了。