WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)
ZulbgVbsOiZuAhCj

■ JavaScript - サンプル集(257種類) - 画像
   - 読み込み完了通知

ページ読み込み完了を、画像で知らせるスクリプトです。

サンプルを見る
ソースを保存する
(右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
ソースを見る
解説を見る





[ ソース ]

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp

	my_pics=new Image();

	//読み込み終了時に表示したい画像を表示する
	my_pics='load2.gif';

	function load_end()
		{
		document.images["mypic"].src=my_pics;
		}

//-->
</script>

</head>

<body onLoad="load_end();">

<img src="load1.gif" name="mypic" width="100" height="50" border="0"><br>

 ・
 ・
 ・
 
</body></html>


[ 解説 ]

まず最初に、画像を2種類ご用意下さい。
ページが読み込まれた時に表示する画像
ページ読み込み終了後に表示する画像
の2つです。

あまり大きい画像にすると、画像自体を読み込むのに時間がかかりますから、 画像のファイルサイズは小さめにしてください。

次に、読み込み終了後に表示させたい画像の指定を行います。

my_pics='load2.gif';
に、読み込み終了後に表示する画像URLをお書き下さい。

ページが読み込まれた際に表示する画像は、
<img src="load1.gif" name="mypic" width="100" height="50" border="0">
の画像タグを直接書き換えてください。


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.