如何使用jQuery UI Progress Bar显示图像加载完成

时间:2011-12-04 22:54:07

标签: jquery image jquery-ui load progress-bar

我有一个div标签,其他div中有大量图像,甚至可以在其他div中使用,依此类推。我有什么方法可以jQuery UI Progressbar 显示加载的图像是否完成?背景图片并不重要,但如果你有两者的解决方案,那么请随时告诉我如何做到这一点

1 个答案:

答案 0 :(得分:6)

你走了:

http://jsfiddle.net/hkJhP/81/

我们必须遍历页面上的所有元素,计算它们,并添加一个部分来检查图像是否最终被加载(从新的Image()部分开始)。

然后我们有间隔来检查到目前为止我们加载了多少图像。它每1ms运行一次,直到加载所有图像。我会在20秒左右后添加计数器来阻止它。

加载的变量必须输入到progressbar插件。