スクリプトによるトランジション効果
ページを開いた時(onLoad)やクリックしたとき(onClick)に、特定の画像に対してトランジションを適用することができます。

<html>
<head>
<title>トランジションテスト</title>
<script>
<!--
var img1 = new Image(); img1.src = "http://tohoho.wakusei.ne.jp/image1.gif";
var img2 = new Image(); img2.src = "image2.gif";
function doTrans(img, n) {
  if (img.filters) {
    img.filters.item(n).Apply();
    img.src = (img.src == img1.src) ? img2.src : img1.src;
    img.filters.item(n).Play();
  }
}
// -->
</script>
</head>
<body>
<img id="XX1" width=100 height=100 src="image1.gif" style="filter:
 blendTrans(Duration=1.0) revealTrans(Duration=1.0, Transition=3);">
<input type="button" value="blend" onclick="doTrans(XX1, 0)">
<input type="button" value="reveal" onclick="doTrans(XX1, 1)">
</body>
</html>
Back!