[英]Javascript Slideshow with buttons
I'm trying to figure out how to create a 'previous image' button for my javascript slideshow. 我试图弄清楚如何为我的JavaScript幻灯片创建“上一张图片”按钮。 Here is the code I have so far..
这是我到目前为止的代码。
<img id="slide" height="300" width="300" src="images/1.jpg">
<br />
<button id="previous">Previous Slide</button>
<button id="next" >Next Slide</button>
var i = 1;
var images = [];
images[0] = "images/1.jpg";
images[1] = "images/2.jpg";
images[2] = "images/3.jpg";
var nextImage = function () {
document.getElementById("slide").src = images[i];
if (i < images.length - 1) {
i++;
}
else {
i=0;
}
}
var previousImage = function () {
document.getElementById("slide").src = images[i];
}
document.getElementById("next").addEventListener("click", nextImage);
document.getElementById("previous").addEventListener("click", previousImage);
As you can see i'm clueless as to what to do with my previousImage function to make this work. 如您所见,我不知道如何处理我的previousImage函数以使其正常工作。 Any thoughts?
有什么想法吗?
Try this: 尝试这个:
var i = 0;
var images = [];
images[0] = "images/1.jpg";
images[1] = "images/2.jpg";
images[2] = "images/3.jpg";
var nextImage = function () {
if (i < images.length) {
i++;
}
else {
i=0;
}
document.getElementById("slide").src = images[i];
}
var previousImage = function () {
if (i > 0)
i--;
}
else {
i=images.length-1;
}
document.getElementById("slide").src = images[i];
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.