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

DirectX Transition：CrWheelトランジション

２枚の写真を交互に できます。

分割数を変更･･･ 10分割に 6分割に 3分割に

(書式)style="filter:progid:DXImageTransform.Microsoft.CrWheel(spokes=s)"

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

<script language="JavaScript"><!--
flg = true;    //2写真を交互に切り替えるためのﾌﾗｸﾞ変数
function Wheel(){
  pic.filters[0].Apply();
  if(flg)pic.src = "../../java/jadata/ja02a.jpg";
  else pic.src = "../../java/jadata/pho_003.gif";
  flg = !flg;    //ﾌﾗｸﾞ変数の値を反転する(trueとfalseの切り替え)
  pic.filters[0].Play();
}
function Spok(s){    //分割数を設定
  pic.filters[0].spokes = s;
}
//--></script>
</head>
<body>
<img id="pic" src="../../java/jadata/pho_003.gif" width="256" height="192"
  style="filter:progid:DXImageTransform.Microsoft.CrWheel(spokes=6)">
<form name="form1">
２枚の写真を交互に 
  <input type="button" value="切り替え" onclick="Wheel()">できます。
分割数を変更･･･ 
  <input type="radio" name="spok" value="10" onclick="Spok(this.value)">
  10分割に 
  <input type="radio" name="spok" value="6" checked onclick="Spok(this.value)">
  6分割に 
  <input type="radio" name="spok" value="3" onclick="Spok(this.value)">
  3分割に</p>
</form>

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