1

大きな画像を読み込んでいるときに進行状況バーを表示しようとしていますが、ここでのすべてのグーグル検索と検索に基づいて、探しているものが見つかりませんでした。

読み込み中のGIFを追加してから、読み込みを変更することができます

$('img').load(function() {
    // my code here
}

私も使用しました：

 $(function() {
     $( "#progressbar" ).progressbar({
        value: 37
     });
 })

しかし、javascript または jquery を使用して読み込まれた単一の画像の割合を計算する方法がわかりません。

どんな助けでも大歓迎です

4

1 に答える 1

0

画像と画像を読み込んで進行状況を表示するには、次のようなことができます。

$.each(arrayOfImageUrls, function(index, value) {
    $('<img></img>').attr('src', value)    //load image
        .load(function() {
            percentCounter = (index / arrayOfImageUrls.length) * 100;    //set the percentCounter after this image has loaded
            $('#yourProgressContainer').text(percentCounter + '%');
        });
});
于 2013-03-16T12:39:23.400 に答える