jquery - 如何使用 jQuery 一个一个地加载文件

Question

我有很多类型的文件，例如图像、音频、视频、文字……我想一一加载这些文件。例如：使用图像，我想在完成上一张图像后加载下一张图像。我怎样才能通过jQuery做到这一点？我尝试使用

$('img').load(function () {})

我有一个数组。我该怎么做？

Answer 1

你可以做这样的事情。

var images = ['img1.png', 'img2.png', 'img3.png'];

function loadImages() {
    if(!images.length)
        return;

    $('<img />', {
        src: images.splice(0, 1),
        onload: loadImages
    }).appendTo('#imgContainer');
}

JSFiddle

这会将每个图像附加到#imgContainer数组加载中的前一个图像之后。

Answer 2

我对此的实现：

var imageInfo = [{
    id : '#img1',
    src : '/images/img1.png'
}, {
    id : '#img2',
    file : '/images/img2.png'
}];
var currentImage = 0;

var loadImage = function(imageNumber) {
    if(imageNumber < imageInfo.length) {
        var img = imageInfo[imageNumber];
        $(img.id).attr('src', img.src);
    };
};
$('img').load(function () {
    loadImage(currentImage ++);
});
loadImage(currentImage);

Answer 3

面对类似的问题，你必须使用正则表达式......

查看我的问题在同一标签中显示图像或 swf

你会知道你需要做什么。