如何从文件夹中收集所有图像

Question

在这个小提琴中

当您单击下一步时，将加载新图像。但是新图像是从Internet加载的。

在我的应用程序中，所有图像都位于img / image文件夹中，图像名称分别为1.jpg，hi.png等

所以当我单击下一步时如何显示图像

我以为我会修改var srcs = [ 'http://lorempixel.com/150/100/city', 'http://lorempixel.com/150/100/sports' ]; 使用var srcs = [ 'img/image/1.jpg', 'img/image/hi.png' ];

但是，如果我这样做，那么问题是，如果我将新图像添加到文件夹，则必须更改var srcs

例如，如果以后添加3.jpg，则必须手动var srcs = [ 'img/image/1.jpg', 'img/image/hi.png','img/image/3.jpg' ];

Answer 1

这是一个可以帮助您的示例，它不是最佳选择，但可以使用http://jsfiddle.net/PrVRq/ ：

$('.images').on('loaded', function () {// load an image}

尝试加载下一张图片

img.load(function () {    
    $('.images').append(img);
    $('.images').trigger('loaded');
});

如果图像已加载，则触发已加载事件以加载另一事件。