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

制作一组你想要的图像

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]);
}

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

2 个答案: