画像をフェードインする - とほほのWWW入門

本機能は Internet Explorer 10 で廃止されました。代わりにスタイルシートの animation や transition を使用してください。(2013.1.4追記)

説明

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

サンプル

ソースコード

<script>
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)ではうまく動作しないという報告をいただいています。