Question

I created a phonegap application. It takes 4 seconds to load the main home page (ie. index.html).

Is there any way that I can show some Image/Splash Screen until phonegap loads the index.html ?

Answer 1

Set the splash screen for something more than you expect, maybe 10 seconds.

Then use the following code to close it as soon as the page is ready:

function onDeviceReady() {
    navigator.splashscreen.hide();
}

document.addEventListener("deviceready", onDeviceReady, false);