现在我们需要处理Next和Prev按钮的单击,并调用相应的函数来更改图像。 HTML: div button onclick=prev() 上一张 /button img id=slider src=./1.jpg width=200px height=100px/ button onclick=next() 下一张 /button /div JS: var images = [ "./1.jpg", "./2.jpg", "./3.jpg" ]; var num = 0;function next() { var slider = document.getElementById("slider"); num++; if(num >= images.length) { num = 0; } slider.src = images[num]; }function prev() { var slider = document.getElementById("slider"); num--; if(num num变量保存当前图像。单击"下一张"和"上一张"按钮由其相应的功能处理,这些功能将图像的源更改为数组中的下一个/上一个图像。 我们已经创建了一个功能正常的图像滑块！