iPhone web app startup screen

Question

I'm working on an iPhone web app where I'm using the "apple-mobile-web-app-capable" meta tag to get "full screen mode". When I lauch the app it shows a picture of the page where I left of the last time while it loads. It looks like the app is ready to receive input when it is not, and that's confusing.

Is it possible to change the default behaviour and show a blank screen until it is ready to receive input?

Answer 1

put this between your HEAD tags:

<link rel="apple-touch-startup-image" href="image.jpg">

The image you use must be JPG or PNG at 320x480

Answer 2

That doesn't work, just an fyi

Answer 3

The image must be PNG and 320x460 this works only under iPhone OS 3.0 or higher.

Answer 4

works fine on Iphone 3Gs os 3.1 :)

Answer 5

It MUST be 320x460, it will NOT work if its 320x480.

Answer 6

It seems that using jpg is the only correct solution for a perfect startupscreen