JavaScript来更改图像

JavaScript来更改图像,javascript,Javascript,我有一组名为img1,img2,img3,img4,…,imgx的图像。第一次单击要更改为img2的图像,第二次单击要更改为img3的图像,然后每次单击next按钮,都会更改为下一个图像。以这种方式,我甚至需要PREVIOUS按钮返回到以前查看的图像 如何实现这一点 var currentImage = 1; window.onload = function() { showImage(); }; document.getElementById("next").onclick = f

我有一组名为
img1,img2,img3,img4,…,imgx的图像。
第一次单击要更改为
img2
的图像,第二次单击要更改为
img3
的图像,然后每次单击
next
按钮,都会更改为下一个图像。以这种方式,我甚至需要
PREVIOUS
按钮返回到以前查看的图像

如何实现这一点

var currentImage = 1;

window.onload = function() {
    showImage();
};

document.getElementById("next").onclick = function() {
    currentImage++;
    showImage();
}

function showImage() {
    document.getElementById("image").src = "img" + currentImage + ".jpg";
}
这些是基础知识,应该可以帮助您开始。如果您需要帮助实施其余部分,请询问我们您具体想做什么以及您尝试了什么。提示,您需要处理没有“下一个”图像显示的情况。你是想让它回到行乞场,还是干脆不工作

<script type="text/javascript">

var images = new Array("img/image1.jpg", "img/image2.jpg", "img/image3.jpg"); 
var cur_image = 0;

function goNextImage() {
    var img = document.getElementById('image');
    cur_image++;
    if (cur_image == images.length) {
        cur_image = 0;
    }
    img.src = images[cur_image];
}

</script>

<img src="img/image1.jpg" id="image" onclick="goNextImage()" />
这些是基础知识,应该可以帮助您开始。如果您需要帮助实施其余部分,请询问我们您具体想做什么以及您尝试了什么。提示,您需要处理没有“下一个”图像显示的情况。你想让它回到行乞区还是不工作?


<script type="text/javascript">

var images = new Array("img/image1.jpg", "img/image2.jpg", "img/image3.jpg"); 
var cur_image = 0;

function goNextImage() {
    var img = document.getElementById('image');
    cur_image++;
    if (cur_image == images.length) {
        cur_image = 0;
    }
    img.src = images[cur_image];
}

</script>

<img src="img/image1.jpg" id="image" onclick="goNextImage()" />
var images=新数组(“img/image1.jpg”、“img/image2.jpg”、“img/image3.jpg”); var cur_image=0; 函数goNextImage(){ var img=document.getElementById('image'); cur_image++; if(cur_image==images.length){ cur_image=0; } img.src=图像[当前图像]; }

var images=新数组(“img/image1.jpg”、“img/image2.jpg”、“img/image3.jpg”);
var cur_image=0;
函数goNextImage(){
var img=document.getElementById('image');
cur_image++;
if(cur_image==images.length){
cur_image=0;
}
img.src=图像[当前图像];
}

这组图像是固定的还是动态的?您为此编写了代码吗?有什么尝试过的吗?这组图像是固定的还是动态的?你有没有为此编写过代码?有什么尝试过的吗?还需要添加上一次单击,并确保该功能不会超出images@LaurenceBurke我绝对不会为他做这一切。他必须自己学习和尝试。只是让OP知道还有什么需要补充的。对不起,我应该给它贴上一个@标签啊。很抱歉你的粗鲁反驳。@Xeon06-这就够了Xeon06。谢谢我将对其余部分进行编码。还需要添加上一次单击,并确保该函数不超出images@LaurenceBurke我绝对不会为他做这一切。他必须自己学习和尝试。只是让OP知道还有什么需要补充的。对不起,我应该给它贴上一个@标签啊。很抱歉你的粗鲁反驳。@Xeon06-这就够了Xeon06。谢谢剩下的我会编代码。