イメージをあらかじめ読み込ませておくには
人が登録はじめに
何か操作したときにはじめてその画像ファイルを呼び出すのではなく、そのWebページを表示する段階においてあらかじめ読み込ませておくことによって、いざというときに瞬時に表示させたい場合、「イメージのプリロード」を使います。
そのほかの機能はほとんどイメージのプリロードをサポートしています。独自でプリロードを指定したい場合に使ってください。
あまり使うシーンはないと思いますが、複雑なスクリプトを組む段階で必要になるかもしれません。
操作方法
クイックタグセレクタより<body>をクリックします。
新規Webページを作成した直後では<body>タグが選択された状態になっています。
[書式]→[ビヘイビア]をクリックします。
[ビヘイビア]作業ウィンドウより[挿入]ボタンをクリックして、一覧から「イメージのプリロード」をクリックします。
![ビヘイビア作業ウィンドウの[挿入]→[イメージのプリロード]をクリック](images/preload1.png)
イメージのプリロードダイアログボックスが表示されました。
右上の[参照]ボタンをクリックして、イメージファイルを指定して追加していきます。
最後にOKボタンをクリックしてください。
最後にWebページを保存します。
例として、以下の図のように指定した場合・・・
HTMLコードについて
コードでは以下のようになります。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>新しいページ 1</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'banner.gif',/*url*/'images/wanichan.gif')">
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>新しいページ 1</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'banner.gif',/*url*/'images/wanichan.gif')">
</body>
</html>
INDEX
