center/cordova-plugin-splashscreen2
center/cordova-plugin-splashscreen2
13
0
Fork 0
forked from public/cordova-plugin-splashscreen
Code Pull Requests Activity

CB-11488 (browser) Added a 1 second long fade out to the splash screen instead of the hard remove from the DOM whenever hide() is called.

Browse Source 
Also made a high z-index the default. This could be added from the user's stylesheets but if that only
gets parsed later, there may be flickering between the application UI and the splash screen itself.
This commit is contained in:
Peter (Somogyvari) Metz 2016-06-26 11:49:08 +01:00 committed by Alexander Sorokin
parent 87d29ad6d3
commit bf9607e27f
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/browser/SplashScreenProxy.js
View File

@ -67,6 +67,7 @@ var SplashScreen = {
localSplash = document.createElement("div");
localSplash.style.backgroundColor = bgColor;
localSplash.style.position = "absolute";
localSplash.style["z-index"] = "99999";
localSplashImage = document.createElement("img");
localSplashImage.src = imageSrc;
@ -81,8 +82,19 @@ var SplashScreen = {
hide: function () {
if(localSplash) {
window.removeEventListener("resize", onResize, false);
document.body.removeChild(localSplash);
localSplash = null;
localSplash.style.opacity = '0';
localSplash.style["-webkit-transition"] = "opacity 1s ease-in-out";
localSplash.style["-moz-transition"] = "opacity 1s ease-in-out";
localSplash.style["-ms-transition"] = "opacity 1s ease-in-out";
localSplash.style["-o-transition"] = "opacity 1s ease-in-out";
window.setTimeout(function () {
document.body.removeChild(localSplash);
localSplash = null;
}, 1000);
}
}
};