HOME  >>>  HTML整理ノート  >>> DHTML -- 基本編   応用編

revealTransition効果で2画像の切替え

各ボタンの効果を使い、2画像を切替える。

Sample Source......................................................................>>>

<script language="JavaScript"><!--
    var flg = 0;
    function RevealPic(n){
        PIC.filters.revealTrans.Apply();
        PIC.filters.revealTrans.Transition=n;
        if(flg == 0){
            PIC.src = "../../java/jadata/pho_003.gif";
            flg = 1;
        }else{
            PIC.src = "../../java/jadata/ja02a.jpg";
            flg = 0;
        }
    PIC.filters.revealTrans.Play();
    }
//--></script>
</head>

<body>
<form>
<input type="button" value="Box-out" onclick="RevealPic(1);">
<input type="button" value="Circle-in" onclick="RevealPic(2);">
<input type="button" value="Circle-out" onclick="RevealPic(3);">
<input type="button" value="Wipe-up" onclick="RevealPic(4);">
<input
type="button" value="WipeLeft" onclick="RevealPic(7);">
<input type="button" value="Vertival blinds" onclick="RevealPic(8);">
<input type="button"
value="CheckedBoard Across" onclick="RevealPic(10);">
<input type="button" value="Random dissolve" onclick="RevealPic(12);">
<input type="button" value="Split vertical out" onclick="RevealPic(14);">
<input type="button" value="Strip right up" onclick="RevealPic(20);">
<input type="button" value="Random bars horizontal" onclick="RevealPic(21);">
<input type="button" value="Random" onclick="RevealPic(23);">
</form>

<img ID="PIC" STYLE="filter:revealTrans(Duration=3)"    
    src="../../java/jadata/ja02a.jpg"
    WIDTH="200" HEIGHT="150">


end(最終更新:12/11/16)