Note

The <splash> tag does not work across all platforms. Consider instead the following technique: <div id="lzsplash" style="z-index: 10000000; top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table"> <p style="display: table-cell; vertical-align: middle;"> <img src="/trunk/lps/includes/spinner.gif" style="display: block; margin: 20% auto"/> </p> </div> <script type="text/javascript"> lz.embed.dhtml({url: 'copy-of-hello.lzx?lzt=object&lzr=dhtml', bgcolor: '#ffffff', width: '100%', height: '100%', id: 'lzapp'}); lz.embed['lzapp'].onload = function loaded() { var s = document.getElementById('lzsplash'); if (s) LzSprite.prototype.__discardElement(s); } </script>

The <splash> tag controls the presentation while the application is loading.

If the <splash> element is present but is empty, a progress bar is displayed while the application is loading. For example:

					<canvas>
					<splash/>
					<canvas> 

The <splash> element may contain "splash view" elements to define the position and behavior of resources that are displayed during the load process. However, these "splash view" elements, although they are declared with a "view" tag, have a limited feature set. That is to say, when you place a view tag inside a <splash> element, you are not getting the same object that you do when you place a <view> tag elsewhere on the canvas.

For example, the following program positions an image on the canvas during the "splash" loading portion of the program's execution and removes it once the application has loaded. The example below executes too quickly to be demonsrate the splash view; try it in a larger application to see how it works.

					<canvas height="120">
					<splash>
					<view resource="../images/logo.png"/>
					</splash>
					</canvas> 

You can position more than one image by specifying its coordinates. The persistent attribute on <splash> tag causes the "splash" views contained within the splash element to remain on the canvas once the load process is complete.

Example 1. persisting splash views

<canvas height="120">
					<splash persistent="true"> <view x="5" resource="../images/logo.png"/> <view x="50" resource="../images/logo.png"/> <view x="150" resource="../images/logo.png"/> </splash>
					</canvas>

Flash

HTML5