j-SplashScreen

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Ein Splash-Screen für einzelne Seitenanwendungen. Der Körper muss in das <script type="text/html">HTML</script>-Tag eingebaut werden.

Konfiguration:

timeout eine Zeitlösung in Millisekunden, um den Splash-Screen zu zerstören (Default: 3000)
autoremove:true {Boolean} entfernt automatisch die Komponente.
remember {String} z.B. 1 day oder 1 week - es zeigt keinen Splash-Screen (Default: empty = deaktiviert)

Methoden:

component.show([body]) wird einen Splash-Screen mit einem neuen oder alten Körper zeigen (autoremove muss false)

Verwenden Sie es mit <ui-component name="splashscreen">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<style>
	html,body { height: 100%; overflow: hidden; padding: 0; margin: 0; }
	body { background-color: #F0F0F0; }
</style>

<ui-component name="splashscreen" class="ui-splashscreen">
	<script type="text/html">
		<div><img src="https://www.totaljs.com/download/B20200120T000000011.png" alt="Total.js Framework" border="0" /></div>
		<br />
		<p>Total.js framework is a server-side framework for Node.js<br /><b>Better than sex</b></p>
	</script>
</ui-component>

<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>