Show Welcome/Splash screen

**abhispandey** · 2011-07-01, 10:11

Hi All,

Can anyone guide me to show some welcome/splash screen in 'Nokia S40 Web App' for few seconds.

Thanks

**petrosoi** · 2011-07-05, 09:30

Hello,

Something like the code below works.

However, keep in mind that the app is any case served from the proxy, so your user will be waiting for the initial page load. Therefore using splash screens just for the sake of showing an extra screen may not provide a UX enhancement.

That being said, I could see splash screens be useful in cases where you want to initially load a very small payload and instruct the user to wait while the app is completely bootstrapped and displayed to user.

petro

HTML Code:

        <style type="text/css">
			.show{
				display: block;
			}
			.hide{
				display: none;
			}
	</style>
	</head>
	<body onload="mwl.timer('timer1', 2000, 1, 'mwl.switchClass(\'#splasher\',\'show\', \'hide\');mwl.switchClass(\'#content\',\'hide\', \'show\');')">	
		<div id="splasher" class="show">Splash</div>
		<div id="content" class="hide">Content</div>
	</body>

Discussion Board

Thread: Show Welcome/Splash screen

Thread Tools

Search Thread

Rate This Thread

Display

Similar Threads

[Moved] show label over splash screen ??

probleam in show splash screen

Loading/splash screen REFUSES to show

my splash screen didn't show up!

splash screen doesnt show??? why?

Posting Permissions