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

はじめに

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

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

操作方法

クイックタグセレクタより<body>をクリックします。
新規Webページを作成した直後では<body>タグが選択された状態になっています。
<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>

▲Page TOP

INDEX

▲このページのトップへ

Contents Menu

Site Search by Google


Web サイト内

Microsoft MVP

Microsoft Most Valuable Professional
Microsoft MVP - Expression Web
(April 2009 - March 2011)
/ Expression
(April 2008 - March 2009)
/ FrontPage
(April 2005 - March 2008)
MVP Profile

Ads