www.wanichan.com

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

はじめに

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

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

操作方法

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

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ