phonegap положить gif при загрузке изображения до его загрузки

Question

У меня есть приложение phonegap, которое загружает внешние изображения.

пример кода IMG:

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

будет использовать этот код, чтобы поставить GIF с некоторыми CSS

<img src="loading.gif"> 

Я хочу, чтобы показать загрузки GIF поверх изображения до того, как изображение было затем загрузите и скройте загрузочный экран.

Хотите знать, как определить, готова ли изображение и скрыть gif.

Thanks

Answer 1

Есть несколько способов сделать это. С верхней части моей головы, и для того, я хотел бы попробовать их:

1. Использование PhoneGap-х File API для загрузки изображения, и отображать его только один раз, вы его получили.

2. Используйте XHR для загрузки изображения, и как только вы получите все это, отправьте его на изображение через URI data:.

3. Установите изображение «loading.gif» на нижний z-порядок, чем на чужом изображении, с тем же самым левым/верхним/высотным/шириным.

4. Используйте 'loading.gif' в качестве фона.