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'作为背景。