Question

我正在尝试显示一个进度条，同时加载一个大图像，但是根据我在Google搜索和搜索的内容，我还没找到我要找的内容。

我可以添加加载的GIF，直到它加载然后使用

进行更改

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

我也用过：

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

但我不知道如何计算使用javascript或jquery加载单个图像的百分比。

任何帮助都是值得赞赏的人

Answer 1

您可以执行以下操作，以加载图像和图像并显示进度：

$.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 + '%');
        });
});

计算图像加载进度不起作用

1 个答案: