Javascript 当单击超过2个图像时，如何更改图像？
我计划将3个图像重叠在一起，因此当您单击顶部图像时，我希望它更改为第二个图像，然后在单击第二个图像时更改为第三个图像，然后重复。我使用的代码仅用于2个图像，我想知道如何将第三个图像包含到其中。有人能告诉我如何插入第三个图像吗？假设第三幅图像的图像源是photo3.jpgJavascript 当单击超过2个图像时，如何更改图像？,javascript,html,image,Javascript,Html,Image,我计划将3个图像重叠在一起，因此当您单击顶部图像时，我希望它更改为第二个图像，然后在单击第二个图像时更改为第三个图像，然后重复。我使用的代码仅用于2个图像，我想知道如何将第三个图像包含到其中。有人能告诉我如何插入第三个图像吗？假设第三幅图像的图像源是photo3.jpg <!DOCTYPE html> <html lang="en"> <meta charset="utf-8"/> <script type=
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8"/>
<script type="text/javascript">
var image_tracker = 'blueandpink5';
function change(){
var image = document.getElementById('dollpink');
if(image_tracker=='blueandpink5'){
image.src='dollpink.jpg';
image_tracker='dollpink';
}
else{
image.src='blueandpink5.jpg';
image_tracker='blueandpink5';
}
}
</script>
<body>
<img src="blueandpink5.jpg" alt="Dollpink" height="600 px" width="400 px" id="dollpink" onclick="change();">
</body>
</html>
var image_tracker='blueandpink5'；
函数更改（）{
var image=document.getElementById（'dollpink'）；
如果（图像_tracker=='blueandpink5'）{
image.src='dollpink.jpg'；
图像_tracker='dollpink'；
}
否则{
image.src='blueandpink5.jpg'；
图像_tracker='blueandpink5'；
}
}
else{
image.src='photo3.jpg'；
图像跟踪器='photo3'；
}
else{
image.src='blueandpink5.jpg'；
图像_tracker='blueandpink5'；
}
else if（图像跟踪器=='photo3'）{
image.src='blueandpink5.jpg'；
图像_tracker='blueandpink5'；
}
jsidle示例：您可以将文件名存储在数组中，并根据单击事件调用它
<script type="text/javascript">
var imageList = [blueandpink5,dollpink.jpg,photo3.jpg];
var image = document.getElementById('dollpink');
var count = 0
image.src=imageList[count];
function change(){
if(imageList.length-1 ==count){
count = 0;
}
else{
count++;
}
image.src=imageList[count];
}
</script>
var imageList=[blueandpink5，dollpink.jpg，photo3.jpg]；
var image=document.getElementById（'dollpink'）；
变量计数=0
src=imageList[count]；
函数更改（）{
if（imageList.length-1==计数）{
计数=0；
}
否则{
计数++；
}
src=imageList[count]；
}