title: phonegap keeps displaying default splashscreen image
body: <p>Im trying to do my first  phonegap app but im running in some trobles with the splashscreen not working ...
  well..it works but it displays the default phonegap image and not the my own...</p>
  
  <p>Index:<br>
   </p>
  
  <pre><code>    // Wait for device API libraries to load
      //
      function onLoad() {
          document.addEventListener("deviceready", onDeviceReady, false);
      }
    navigator.splashscreen.show();
      setTimeout(function() {
              navigator.splashscreen.hide();
          }, 3000);
  
  
      &lt;/script&gt;
  </code></pre>
  
  <p>config.xml:</p>
  
  <pre><code> &lt;platform name="android"&gt;
      &lt;icon src="www/res/icon/android/drawable-ldpi-icon.png" density="ldpi"/&gt;
      &lt;icon src="www/res/icon/android/drawable-mdpi-icon.png" density="mdpi"/&gt;
      &lt;icon src="www/res/icon/android/drawable-hdpi-icon.png" density="hdpi"/&gt;
      &lt;icon src="www/res/icon/android/drawable-xhdpi-icon.png" density="xhdpi"/&gt;
      &lt;icon src="www/res/icon/android/drawable-xxhdpi-icon.png" density="xxhdpi"/&gt;
      &lt;icon src="www/res/icon/android/drawable-xxxhdpi-icon.png" density="xxxhdpi"/&gt;
  
      &lt;splash src="www/res/screen/android/S-LDPI.png" density="port-ldpi"/&gt;
      &lt;splash src="www/res/screen/android/S-MDPI.png" density="port-mdpi"/&gt;
      &lt;splash src="www/res/screen/android/S-HDPI.png" density="port-hdpi"/&gt;
      &lt;splash src="www/res/screen/android/S-XHDPI.png" density="port-xhdpi"/&gt;
      &lt;splash src="www/res/screen/android/S-XXHDPI.png" density="port-xxhdpi"/&gt;
      &lt;splash src="www/res/screen/android/S-XXXHDPI.png" density="port-xxxhdpi"/&gt;
  
    &lt;/platform&gt;
  </code></pre>