phonegap把圖像加載gif直到它加載

Question

我有一個phonegap應用程序，加載外部圖像。

樣品IMG代碼：

<img src="http://example.com/hello.jpg"> 

將使用這個代碼把GIF有一些CSS

<img src="loading.gif"> 

我要顯示的圖像的頂部加載GIF，直到形象一直然後加載並隱藏加載gif。

想知道如何檢測圖像是否準備好並隱藏gif。

謝謝

Answer 1

有幾種方法可以做到這一點。把我的頭頂部，以便我會嘗試一下：

1. 使用的PhoneGap的File API下載圖像，並顯示它只是一旦你得到了它。

2. 使用XHR下載圖像，一旦您將整個圖像通過data: URI發送到圖像。

3. 將您的「loading.gif」圖像設置爲比外部圖像更低的z值，具有相同的左/上/高/寬。

4. 使用'loading.gif'作爲背景。