How to remove the white screen?

P

Pavel Dmitriev2014-07-18 11:41:42

Eclipse

Pavel Dmitriev, 2014-07-18 11:41:42

I'm writing a phonegap application in eclipse and ran into a problem. When loading the application and when switching between screens in the application, a white screen appears / flashes for a few ms. I found an answer here , but it doesn't help. Who faced similar?
config.xml code

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns     = "http://www.w3.org/ns/widgets"
        id        = "io.cordova.helloCordova"
        version   = "2.0.0">
    <name>Hello Cordova</name>

    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>

    <access origin="*"/>
    <plugins>
       <plugin name="SplashScreen" value="org.apache.cordova.SplashScreen"/>
    </plugins>    
</widget>

index.html code

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<link href="main.css" rel="stylesheet" type="text/css">
 <script type="text/javascript" charset="utf-8" src="cordova-2.9.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        navigator.splashscreen.hide();
    }

    </script>
</head>
  
<body >
   
    <div id="leftcol">
        <div id="upper_left"><img src="images/upper_left_corner.png" width="100%"></div>
    <div id ="down_left"><img src="images/down_left_corner.png" width="100%"></div>
    </div>
    <div id="centercol">
        <div id="center" align="center">
      <img src="images/name.png" width="100%"><br><br>		
      <form>
      <button class="read" formaction="read.html">Читать</button><br>
      <button class="chapters" formaction="chapters.html">Содержание</button></form>	
    </div>			
    </div>
    <div id="rightcol">
        <div id="upper_right"><img src="images/upper_right_corner.png" width="100%"></div>
    <div id="down_right"><img src="images/down_right_corner.png" width="100%"></div>
    </div>
</body>

</html>