画像をフェードインする

画像をフェードインする

■説明

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