调试复制库中较大图像的Javascript代码。

由于搬家，我暂时停止了编码，最近正试图用一些新图片更新我的网站。我附上了一把小提琴，它显示了我遇到的问题。如果我想向我的多媒体资料中添加一个新图像（在本例中为fiddle上的hike1），每当您单击该图像以查看较大的jpg时，它都不会正确显示。单击缩略图JPG时，它们会显示其前面的图像，而不是该缩略图的较大图像。（单击日落照片显示hike1照片，firespinner照片显示日落照片等）

有人能帮忙吗？我相信这是一个简单的修复，我看得太多了。它适用于我拥有的图像，但当我添加新图像时，这种情况就会发生

function openModal() {
  document.getElementById('myModal').style.display = "block";
}

function closeModal() {
  document.getElementById('myModal').style.display = "none";
}

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = 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[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  captionText.innerHTML = dots[slideIndex-1].alt;
}

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

这就是问题所在。如果您将正确的索引传递给该函数，您将能够在单击缩略图时看到较大的图像。看着你的小提琴。这是最新的小提琴

---

虽然这是事实，但如果您能更详细地说明为什么这一行是问题所在，这会有所帮助。在这种情况下，问题在于他正在对每个图像使用currentSlide（x）函数中已经存在的正确索引，但随后删除了slides[]数组中的一个索引。另外，第一个图像和第二个图像具有相同的索引（1）。感谢各位，我意识到这是我的html中的一个小错误，而不是我的javascript。。简单俯视lol

currentSlide(1)