jquery - jQueryを使用してファイルを1つずつロードする方法

Question

画像、音声、動画、単語など、さまざまな種類のファイルがあります。これらのファイルを1つずつロードしたいと思います。例：画像付きで、前の画像を終了した後に次の画像をロードしたい。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を表示する

あなたはあなたが何をする必要があるかについての考えを得るでしょう。