javascript - 如何使用 jQuery 显示图像的加载栏？

Question

我的页面上有图片。

我想在我的页面上显示一个加载栏，显示下载图片的进度。

我该怎么做？

Answer 1

我写了一个jQuery plugin为图像加载注册回调。

你会像这样使用它......

var loading = $('<div id="loading" />').appendTo('body');

$('body').waitForImages(function() {
   loading.remove();
 }, function(loaded, all) {
   loading.html(((loaded / all) * 100) + '% loaded');
});

jsFiddle .