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

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

查看我的问题Display image or swf in same tag

你会明白你需要做什么。

如何使用jQuery逐个加载文件

3 个答案: