Tutorial

スプラッシュ画像を表示するには

任意のタイミングでスプラッシュ表示するにはJavascriptを記述します。
画像は画面いっぱいになるように自動的に拡大しますが、推奨サイズは縦画像=640x1136、横画像=1136x640となります。

Javascript

初回表示例

<script type="text/javascript" charset="utf-8">
	//  applican の読み込み完了まで待機
	document.addEventListener("deviceready", onDeviceReady, false);
	//  applican 準備完了
	function  onDeviceReady() {
		applican.splashscreen.show('img/splash2_portrait.png', 'img/splash2_landscape.png',3000);
	}
</script>

任意のイベントで表示する例

<script type="text/javascript" charset="utf-8">
	function sameButtonClick() {
		//javascriptでタイムアウト
		applican.splashscreen.show('splash/splash1_portrait.png', 'splash/splash1_landscape.png');
		setTimeout(function() {
			applican.splashscreen.hide();
		}, 2000);
	}
</script>

解説

applican.splashscreen.showの第一引数に縦表示用の画像を、第二引数に横表示用の画像をwebディレクトリからの相対パスで指定しています。第三引数はスプラッシュを非表示にするまでの時間をミリ秒で指定します。
第三引数を指定せず、JavascriptのTimerで非表示にも出来ます。

画面イメージ

会員登録(無料)はこちらから