イメージをあらかじめ読み込ませておくには

Check

Page 1 » Page 2 » » Page 4 » Page 5 » Page 6
Page 7 » Page 8 » Page 9 » Page 10 » Page 11 » Page 12

はじめに

何か操作したときにはじめてその画像ファイルを呼び出すのではなく、そのWebページを表示する段階においてあらかじめ読み込ませておくことによって、いざというときに瞬時に表示させたい場合、「イメージのプリロード」を使います。

そのほかの機能はほとんどイメージのプリロードをサポートしています。独自でプリロードを指定したい場合に使ってください。
あまり使うシーンはないと思いますが、複雑なスクリプトを組む段階で必要になるかもしれません。

操作方法

クイックタグセレクタより<body>をクリックします。
新規Webページを作成した直後では<body>タグが選択された状態になっています。
[書式]→[ビヘイビア]をクリックします。
[ビヘイビア]作業ウィンドウより[挿入]ボタンをクリックして、一覧から「イメージのプリロード」をクリックします。
イメージのプリロードダイアログボックスが表示されました。
右上の[参照]ボタンをクリックして、イメージファイルを指定して追加していきます。
最後に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>