jquery - 如何使用 jQuery UI 进度条显示图像加载完成

标签 jquery image jquery-ui load progress-bar

我有一个 div 标签,在其他 div 中包含大量图像,甚至可能在其他 div 中,等等。有什么办法可以让我拥有jQuery UI Progressbar 显示图片加载完成?背景图像并不重要,但如果您对两者都有解决方案,请随时告诉我如何做到这一点

最佳答案

给你:

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

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

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

加载的变量必须提供给进度条插件。

关于jquery - 如何使用 jQuery UI 进度条显示图像加载完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8379256/

相关文章:

c# - 如何在 .Net 上创建 1px X 1px

javascript - 上传图像并显示在可拖动的内部

css - FireFox 中的行内 block 重叠边界而不是溢出

jquery - 为什么这个 if/else 语句导致 div 不显示?

jquery - 按三个对元素进行分组

jquery - 保持父 li 就像悬停在子菜单上一样

jquery - jQuery Greedy Droppable Dialog 可能吗?

javascript - onclick 函数关闭 'help window' 不工作

javascript - 存储和检索图像数据 URL

html - 当 html 标签没有设置背景颜色时,为什么 body 背景图像不包含在 body 中?