記事参照
No.2 2007/10/26 13:07
題：Re: 画像のフェードイン、アウト
名：レトン
ありがとうございます。
早速拝見しました。
Sample1でOKですが出来ればボタンなしでやりたいです。
(1)Sample2で「1枚」のみでフェードイン、フェードアウトのScriptはどう記述するのでしょうか。
下記にSample2のScriptを拝借しました。
これを訂正戴ければありがたく思います。
ーーーーーーーーーーーーーーーーーーーーー
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// 画像のフェードイン・フェードアウト
spd = 50; // 変化させる間隔（ミリ秒単位）
ntc = 2; // 何%ずつ変化させるか
// フェードインさせる画像のname属性（順番に並べる）
fii = new Array("ia","ib","ic");
cnt = 0;
i = 0;
// フェードイン
function fdInImg() {
document.images[fii[i]].filters['alpha'].opacity = cnt;
cnt += ntc;
if(cnt >= 100) {
cnt = 0;
i++;
}
if(fii.length <= i) return;
setTimeout("fdInImg()",spd);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff" onLoad="fdInImg()">
画像が順番にフェードインします。<BR><BR>
<IMG src="../img/img1.jpg" name="ia" border="0" style="filter:alpha(opacity=0);">
<IMG src="../img/img2.jpg" name="ib" border="0" style="filter:alpha(opacity=0);">
<IMG src="../img/img3.jpg" name="ic" border="0" style="filter:alpha(opacity=0);">
<BR><BR>
</BODY>
</HTML>
ーーーーーーーーーーーーーーーーーーーーーーー
解説・注意点など
onClick="fdInImg('ia')"、onClick="fdOutImg('ia')"
の「ia」は<IMG>タグで指定したname属性です。
<IMG>タグの
style="filter:alpha(opacity=0);"
で、あらかじめ画像を透明にしています。
================＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
よろしくおねがいします。
掲示板に戻る