我正在尝试做一个图像滑块,但我正在努力使用上一个按钮,除了上一个按钮之外的所有代码都工作得很好。你能帮我一下吗?
<body>
<div>
<img name="slide" width="80%" height="auto">
<button id="nextImg">next</button>
<button id="prevImg">prev</button>
</div>
<script src="script.js"></script>
</body>
var i = 0;
var image = [];
var time = 1000;
image[0] = 'image1.png'
image[1] = 'image2.jpg'
image[2] = 'image3.jpg'
function changeImg() {
document.slide.src = image[i];
if (i < image.length - 1) {
i++;
} else {
i = 0;
}
setTimeout("changeImg()", time);
}
nextImg.onclick = function() {
document.slide.src = image[i];
if (i < image.length - 1) {
i++;
} else {
i = 0;
}
}
prevImg.onclick = function() {
document.slide.src = image[i];
if (i > image.length - 1) {
i--;
} else {
i = 2;
}
}
window.onload = changeImg;
我尝试了不同的方法,但结果总是相同的,或者它没有执行任何操作,或者只是转到下一张图像,而不是按预期转到上一张图像。
prevImg.onclick = 函数() {
if (i > 0) i--;
else i = 2;
document.slide.src = image[i];
}