ブレンドトラジションで2画像の切替え
■写真をクリックする毎に2枚の写真を切り替える。
■[ブレンド]ボタンで4枚の画像を順次切り替える。
■写真をクリックする毎に2枚の写真を切り替える。
■[ブレンド]ボタンで4枚の画像を順次切り替える。
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var flg = 1;
function ClickBlend(){ //画像をｸﾘｯｸの場合
if(flg == 1) {
flg = 2;
PIC.filters.blendTrans.Apply();
PIC.src =
"../../java/jadata/pho_003.gif";
PIC.filters.blendTrans.Play();
} else {
flg = 1;
PIC.filters.blendTrans.Apply();
PIC.src =
"../../java/jadata/ja02a.jpg";
PIC.filters.blendTrans.Play();
}
}
var n = 1;
function ButBlend(){ //ﾎﾞﾀﾝをｸﾘｯｸの場合
PIC.filters.blendTrans.Apply();
if(n == 1){
PIC.src="../../java/jadata/pho_003.gif";
bt.innerText = "3番目の画像にﾌﾞﾚﾝﾄﾞ";}
if(n == 2){
PIC.src="../../images/cut/025.gif";
bt.innerText = "4番目の画像にﾌﾞﾚﾝﾄﾞ";}
if(n == 3){
PIC.src="../../java/jadata/pic01.jpg";
bt.innerText = "最初の画像にﾌﾞﾚﾝﾄﾞ";}
if(n == 4){
PIC.src="../../java/jadata/ja02a.jpg";
bt.innerText = "2番目の画像にﾌﾞﾚﾝﾄﾞ";}
PIC.filters.blendTrans.Play();
n += 1;
if(n >= 5)n = 1;
}
//--></script>
</head>
<body>
<button id="bt" style="color:navy;font:12pt"
onclick="ButBlend();">ﾌﾞﾚﾝﾄﾞ</button>
<img ID="PIC" STYLE="border:ridge 10pt lime;
filter:blendTrans(duration=4)"
src="../../java/jadata/ja02a.jpg" WIDTH="200"
HEIGHT="150"
onclick="ClickBlend();">
end(最終更新:12/11/16)
