如何使用jQuery逐个加载文件

如何使用jQuery逐个加载文件,jquery,Jquery,我有很多类型的文件,如图像,音频,视频,文字,。。。我想一个接一个地加载这些文件。对于图像,我想在完成上一个图像后加载下一个图像。我如何通过jQuery实现它?我尝试使用 $('img').load(function () {}) 我有一个数组。我怎么做呢?你可以这样做 var images = ['img1.png', 'img2.png', 'img3.png']; function loadImages() { if(!images.length) return

我有很多类型的文件,如图像,音频,视频,文字,。。。我想一个接一个地加载这些文件。对于图像,我想在完成上一个图像后加载下一个图像。我如何通过jQuery实现它?我尝试使用

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

我有一个数组。我怎么做呢?

你可以这样做

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

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

    $('<img />', {
        src: images.splice(0, 1),
        onload: loadImages
    }).appendTo('#imgContainer');
}
var images=['img1.png','img2.png','img3.png'];
函数loadImages(){
如果(!images.length)
返回;
$('


这将在加载上一个数组后将每个图像附加到
#imgContainer

面对类似的问题,您必须使用正则表达式

看到我的问题了吗


您将知道您需要做什么。

我的实现:

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);
var imageInfo=[{
id:“#img1”,
src:“/images/img1.png”
}, {
id:“#img2”,
文件:'/images/img2.png'
}];
var currentImage=0;
var loadImage=函数(imageNumber){
if(imageNumber
@Austin Brunkhorst yes,假设文档中没有其他图像。如果有,则需要使用图像加载回调变得更具体。例如$('img.delayedLoad')。加载(…);我在你的指南中这样做,但不起作用,这是我的片段:你看我的小提琴了吗?我的解决方案比你标记为答案的解决方案更通用、更简洁。顺便问一下,我可以问你一个问题吗?我想按块加载。我有10个图像,我想把它分成2个块,每个块包括5个图像。我怎么做?