Need a splash screen or welcome screen with fadeout animations without bug

Ask the community
, ,
1

import wixAnimations from ‘wix-animations’ ;
import wixLocation from ‘wix-location’ ;
import wixWindow from ‘wix-window’ ;

let timeline = wixAnimations . timeline ();
const fadeOptions = {
“duration” : 200
};
$w . onReady ( function () {
if ( wixWindow . rendering . env === “browser” ) {
setTimeout (() => {
return wixLocation . to ( “/sursona” )
}, 1000 );
}

const  myImage  =  $w ( "#image134" ); 
timeline 
    . add ( myImage , { 
        "opacity" :  0 , 
        "duration" :  900 
    }) 
    . onComplete (() => { 
        $w ( "#image134" ). hide ( "FadeOut" ,  fadeOptions ); 
        $w ( "#columnStrip88" ). hide ( "FadeOut" ,  fadeOptions ); 
              }). play ();

});

i am trying to add a welcome screen thru this method.

the problem i am facing is white screen after FADEOUT n then homepage is loaded
even fi i set the time =to or < for wixlocation is goes there without animation

In short: i want a feature like welcome screen which is available on wix mobile editor but where i can add my own image with large size.
So if any1 can help me here with any type of method to achieve so.

specifically I want a preloader with dissolving animation which directs to homepage
ex: https://bit.ly/2Xvc1W2 (check this on mobile ) i want such on phone/desktop n also there is no option to increase image size in here … I want to add with larger image size

www.sursonafoods.com check this to see what issues r happening

1 Like