如何使用jQuery UI進度條顯示圖像加載完成

Question

我有一個div標籤，其中有很多圖像在其他div中，甚至可能在其他div中，等等。有什麼辦法可以讓我的jQuery UI Progressbar 顯示加載的圖像完成？背景圖像是不重要的，但如果你有兩個解決方法，然後請隨時告訴我如何做到這一點

Answer 1

在這裏你去：

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

我們必須在經過所有元素該頁面，對它們進行計數，並添加一個用於檢查圖像是否最終加載的部分（以新的Image（）部分開始）。

然後我們有間隔檢查到目前爲止加載了多少圖像。它每運行1ms直到所有圖像加載。我會添加計數器在20秒左右後停止。

加載的變量必須被提供給進度條插件。