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。谢谢剩下的我会编代码。