每次单击图像时如何显示不同的图像？

Question

我是全新的，所以如果你想引导我做一些信息丰富，教育我完全理解的东西。

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

任何帮助将不胜感激

Answer 1

制作图像路径列表，并使用增加列表索引的方法，返回不同的图像。您也可以使用此索引的

Answer 2

如果您使用的是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"/>

JS

1. 制作一组你想要的图像

   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（ '图像'）的setAttribute（ 'src' 中，图像[0]）;

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