ページ読み込み完了を、画像で知らせるスクリプトです。
・サンプルを見る
・ソースを保存する
（右クリック→「対象をファイルに保存」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">
の画像タグを直接書き換えてください。
|
