| ポイント |
<![CDATA[
theIMG.filters.revealTrans.Apply();
theIMG.src = num+".jpg";
theIMG.filters.revealTrans.Play();
]]>
|
| 説 明 |
クリックされたら画像をワイプ効果により切り替えるには、あらかじめスタイルシートのフィルタ（トランジション）でワイプの種類を指定しておきます。クリック後に切り替えるためにはrevealTrans.Apply()を指定後、表示画像のURLを入れ替えます。入れ替えた後、revealTrans.Play()によりワイプ効果により画像を表示できます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>画像をワイプ効果を使い切り替える</title>
<script language="JavaScript"><!--
num = 0;
function wipe(theIMG)
{
num++;
num %= 3;
theIMG.filters.revealTrans.Apply();
theIMG.src = num+".jpg";
theIMG.filters.revealTrans.Play();
}
// --></script>
</head>
<body>
<img src="0.jpg" style="filter:revealTrans(duration=2,transition=9)" onClick="wipe(this)">
</body>
</html>
]]>
|
| 補足説明 |
transition=9の数値を変えることでワイプの種類を変更できます。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
画像をワイプ効果を使い切り替える