## 画像をフェードインする

トップ > アラカルト > 画像をフェードインする

#### ■説明

Click ボタンを押した時に、画像をフェードインさせます。<body onload="...">で呼び出せば、ページを開いた時にフェードインさせることも可能です。Internet Explorer 4.0以降で利用できます。

#### ■サンプル

#### ■ソースコード

    <script language="JavaScript">
    <!--
    function fadein(id) {
      app = navigator.appName.charAt(0);
      ver = navigator.appVersion.charAt(0);
      if ((app == "M") && (ver >= 4)) {
        document.all.item(id).style.visibility = "hidden";
        document.all.item(id).filters[0].apply();
        document.all.item(id).style.visibility = "visible";
        document.all.item(id).filters[0].play();
      }
    }
    // -->
    </script>
    <img src="image/kodomo4.gif" id="img1"
         style="filter:revealTrans(duration=3.0,Transition=12);
                visibility=hidden;">
    <button onclick="fadein('img1')">Click!!</button>

#### ■ 動作確認

IE4.0/5.0(Win)で動作確認しています。また、IE2.0(Win)、Netscape 2.0/3.0/4.0(Win)、JustView 3.01 で動作はしませんがエラーが発生しないことを確認しています。IE4.0(Mac)ではうまく動作しないという報告をいただいています。

Copyright (C) 1998-2001 杜甫々
最終更新：2001年4月15日更新
http://www.tohoho-web.com/wwwxx024.htm