每次单击图像时如何显示不同的图像？ [关闭]答案

【问题标题】：How do I display a different image everytime the image is clicked? [closed]每次单击图像时如何显示不同的图像？ [关闭]
【发布时间】：2014-10-03 00:32:43
【问题描述】：

我对此完全陌生，所以如果您想指导我了解我完全理解的内容丰富且具有教育意义的内容。

我有一个充满图像的文件，我希望它们在被点击时一个接一个地显示在应用程序中。

任何帮助将不胜感激

【问题讨论】：

您的问题缺少必要的上下文——这是什么类型的程序？你试过什么？什么不工作？你能告诉我们你现在的代码吗？你确定你的意思是Java而不是JavaScript——你知道它们完全不同吗？请告诉我们重要的细节，如果没有这些细节，问题可能会因为过于宽泛或不清楚而被关闭。
为了扩展气垫船所说的内容，这里习惯于在问题中不包括问候语或感谢，因为所有内容都应该与之相关。所以，我会删除除一行之外的所有内容。这就是您提供给我们的所有信息。
你想让图片随机显示吗？？？

标签： java html css smartphone

【解决方案1】：

如果你使用的是 html js 和 css：

jsfiddle http://jsfiddle.net/harshdand/dec2mpbv/

html:

<img src="http://picture-gallery.dnspk.com/albums/userpics/10001/normal_1124750273-15.jpg" id="images"/>

制作你想要的图片数组

var currentImageIndex = 0;

var images=[
    'http://picture-gallery.dnspk.com/albums/userpics/10001/normal_1124750273-15.jpg',
    'http://images7.alphacoders.com/408/thumbbig-408758.jpg',
    'http://images6.alphacoders.com/410/thumbbig-410020.jpg',
    'http://picture-gallery.dnspk.com/albums/userpics/10001/normal_1127034390-11.jpg'
];

document.getElementById('images').setAttribute('src',images[0]);

document.getElementById('images').onclick = function(){
    if(currentImageIndex<images.length-1)
        currentImageIndex++;
    else
        currentImageIndex = 0;
     document.getElementById('images').setAttribute('src',images[currentImageIndex]);
}

【讨论】：

【解决方案2】：

列出您的图像路径并使用增加列表索引的方法，返回不同的图像。你也可以使用这个索引的辐射器

【讨论】：

感谢 Harsh 的帮助