OKANOWEB WEB PARTS SAMPLE

イメージフィルター

画像などのデータを、フィルターrevealTransで介して、表示します。ボワーンとした感じから、少しずつ表示されたり、真ん中から外に向けて、画像の表示が行われたりします。このサンプルでは、特別に色んな表示パターンを試すことが出来ます。お好みの表示パターンがあったら、Transition=11に、ボタンの数字を入れて下さい。

表示例画像

トラジションＩＤ一覧こんなこともできます

SOURCE

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT Language="JavaScript">
<!--
if(navigator.appVersion.charAt(0)>=4 &&  (navigator.appVersion).indexOf("MSIE") != -1)
 isIE4 = true;
else  isIE4 = false;
function rtrans_anima(id) {
 el = document.all(id);
 el.filters["revealTrans"].Apply();
 el.style.visibility = "visible";
 el.filters["revealTrans"].Play();
 }
if(isIE4) {
 window.onload = init;
 }
function init() {
   rtrans_anima("RTRANS1");
   //太字の所に、アニメーションするタグのidを記述して下さい。
   //いくつでも、rtrans_anima("id");というのを記述できます。
 }
//-->
</SCRIPT>
</HEAD>
<BODY>
<img id="RTRANS1" src="http://homepage3.nifty.com/mopa/images/city.gif"> 
style="
 visibility:hidden;
 align:center;width:200px;
 height:300px;
 font-size:38pt;
 color:#87ceeb;
 font-family:Times New Roman,COURIER NEW;
 filter:revealTrans(Duration=1.8, Transition=11)">

</BODY>
</HTML>