イメージをあらかじめ読み込ませておくには
はじめに
何か操作したときにはじめてその画像ファイルを呼び出すのではなく、その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
Contents Menu
- FrontPage
- FrontPage 2003
- FrontPage 2002
- FrontPage 2000
- FAQ
- Column
- アンケート
Site Search by Google
Microsoft MVP
Microsoft MVP - Expression Web
(April 2009 - March 2011)
/ Expression
(April 2008 - March 2009)
/ FrontPage
(April 2005 - March 2008)
MVP
Profile
Ads
Copyright ©1999-2010 wanichan. All Rights Reserved.