表示した画像を左回りに回転させる

IE5.0以降のみ（Macintosh版IE5.0では正しく表示されない場合があります）

「Redirect」フィルタを使うと、HTMLのタグを使って表示したオブジェクトをアニメーションさせることができます。ここでは、<IMG>タグで表示した画像を回転させる方法を考えてみましょう。

■回転させるオブジェクトの作成

回転するオブジェクトを作成します。

<DIV ALIGN="center">
<object classid="clsid:b6ffc24c-7e13-11d0-9b47-00c04fc2f51d" name="moveobj" id="moveobj" style="position:relative; left:0; top:20; width:300; height:300; visibility: visible;" >
<embed></embed> </object>
</DIV>

■　「Redirect」フィルタ

画像に「Redirect」フィルタを適用します。。

<IMG SRC="../../assets/images/staicir.jpg" width="460" height="500" ID="picture" STYLE="width:460;height:460;filter:Redirect()">

■　画像の回転の設定

「Redirect」フィルタを適用したオブジェクトをJAVA Scriptを使って回転させます。

<SCRIPT LANGUAGE="JavaScript">
<!--

moveobj.Image=picture.filters[0].ElementImage().Transform(moveobj.MeterLibrary.Rotate2RateDegrees(2));
moveobj.Start();

//-->
</SCRIPT>

例では、画像に「Redirect」フィルタを設定し、ダイナミックアニメーションを使って回転させています。このスクリプトでは<OBJECT>タグを使って、表示する画像とは別にアニメーションを実行するためのオブジェクトを作成しています。これは、<OBJECT>タグで作成したオブジェクトの内部でのみダイナミックアニメーションの効果が反映されるためです。このとき、<OBJECT>が津で作成したオブジェクトは、<IMG>タグで指定した画像を表示するための窓の役割を果たします。

<<<戻る