由于搬家,我暂时停止了编码,最近尝试用一些新图片更新我的网站。我附上了一个 fiddle ,它显示了我遇到的问题。如果我想向我的画廊添加新图像(在本例中为 fiddle 上的“hiking1”),则每当您单击该图像以查看较大的 jpg 时,它都无法正确显示。单击缩略图 jpg 时,它们会显示前面的图像,而不是该缩略图的较大图像。 (点击日落照片显示hiking1照片,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;
}
最佳答案
currentSlide(1)
这就是问题所在。如果您将正确的索引传递给该函数,您将能够在单击缩略图时看到更大的图像。看着你的 fiddle 。这是更新的 fiddle
关于javascript - 调试在图库中复制较大图像的 Javascript 代码。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42686658/