Javascript 用“制作一个按钮”；接下来的3张图片“；

我有3张图片，我想用“上一张”、“下一张”按钮

单击“下一步”按钮时，我希望这3张图像消失，另外3张新图像出现在同一位置

我有这个代码，但我不知道该怎么做。（实时版本：vestigedayz.com/Arrow）

var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数currentDiv（n）{
showDivs（slideIndex=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“演示”）；
如果（n>x.length）{
slideIndex=1
}
if（n<1）{
slideIndex=x.length
}
对于（i=0；i

.mySlides{
显示：无
}

6,7



革命



8.1



几乎是人类



7,0



智能

❮ 先前的
别有用心的❯

我简化了html结构以帮助您解决问题，并对js进行了更改。您将能够在当前的html结构上轻松实现它

var slideIndex=0；
//获取html元素
var slidesEl=document.getElementById（'thumbs'）；
var thumbs=slidesEl.getElementsByTagName（'li'）；
showDivs（slideIndex）；
函数plusDivs（）{
showDivs（slideIndex+=3）；
}
函数currentDiv（n）{
showDivs（slideIndex=n）；
}
document.getElementById（'prevbutton'）。onclick=function（）{
slideIndex-=3；
如果（滑动索引<0）{
slideIndex=0；
}
showDivs（slideIndex）；
}
document.getElementById（'nextbutton'）。onclick=function（）{
slideIndex+=3；
//确保显示最后3个拇指
如果（滑块索引>=（thumbs.length-3））{
slideIndex=拇指长度-3；
}
showDivs（slideIndex）；
}
函数showDivs（n）{
//首先隐藏所有的拇指
对于（var i=0；i
我简化了html结构以帮助您解决问题，并对js进行了更改。您可以在当前的html结构上轻松实现它


var slideIndex=0；
//获取html元素
var slidesEl=document.getElementById（'thumbs'）；
var thumbs=slidesEl.getElementsByTagName（'li'）；
showDivs（slideIndex）；
函数plusDivs（）{
showDivs（slideIndex+=3）；
}
函数currentDiv（n）{
showDivs（slideIndex=n）；
}
document.getElementById（'prevbutton'）。onclick=function（）{
slideIndex-=3；
如果（滑动索引<0）{
slideIndex=0；
}
showDivs（slideIndex）；
}
document.getElementById（'nextbutton'）。onclick=function（）{
slideIndex+=3；
//确保显示最后3个拇指
如果（滑块索引>=（thumbs.length-3））{
slideIndex=拇指长度-3；
}
showDivs（slideIndex）；
}
函数showDivs（n）{
//首先隐藏所有的拇指
对于（var i=0；i
如果您创建JSFIDLE，那么帮助您会容易得多link@VedranJukic这是实时版本。我认为最好能看到整个结构。您提供的代码的工作方式和您的实时版本的工作方式不一样。请提供正确的代码以便我们提供帮助。请隔离JSFIDLE中的问题：）因此我（或其他人）可以在不检查整个页面的情况下帮助您。我认为页面的其余部分与problem@VedranJukic-在这里。我已经尝试了暂停本教程，但是没有按钮编号。如果您创建JSFIDLE，将更容易帮助您link@VedranJukic以下是现场版本：我认为最好是see整个结构。您提供的代码的工作方式与您的实时版本的工作方式不同。请提供正确的代码，以便我们能够提供帮助。请隔离JSFIDLE中的问题：）因此我（或其他人）可以在不检查整个页面的情况下帮助您。我认为页面的其余部分与problem@VedranJukic-在这里。我已经尝试了暂停本教程，但没有按钮编号。我应该编辑或添加什么？我在js中看到了一些东西。因为它不会更改图像。您需要替换整个javascript片段并执行以下操作：对html结构的小修改。在我上面发送给您的JSFIDLE中，您可以看到它更改了图像（图像链接是相同的，但元素的顺序不同，所以您可以看到按钮工作）。我在html和js中添加了注释。在html结构中，您需要创建包装器元素（在我的示例id=“thumbs”）在里面，你可以使用div元素来包装每张幻灯片。然后看看除了前三张之外隐藏所有拇指的style属性。我应该编辑或添加什么？我在js中看到了一些东西。因为它不会改变图像。你需要替换整个javascript片段并对html结构做一些小的修改。在JSFIDLE中，我给你发送了一个当然，您可以看到它改变了图像（图像链接是相同的，但元素的顺序不同，所以您可以看到按钮工作）。我已经在html和js中添加了注释。在您的html结构中，您需要创建包装器元素（在我的示例id=“thumbs”）在里面，你可以使用div元素来包装每张幻灯片。然后看看样式属性，它隐藏了除前三个以外的所有拇指。