画像をフィルターを使って入れ替えたいです

解決済

質問者：yashiron
質問日時：2008/02/13 17:26
回答数：5件

再度恐れ入ります。画像を入れ替えるときに、フィルターを使いたいのです。トップページの画像１枚をもう一枚と入れ替えて、最初の一枚に戻って終わりたいのですが・・・。今のままだと２枚の画像の入れ替えが延々と繰り返すことになるので、それを１回で止めたいのです。本当に初心者な質問で申し訳ございませんが、教えていただけると助かります。どうぞよろしくお願いいたします。
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>

<BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',5000)">
<IMG src="img/img0.jpg" name="img" border="0" style="filter:revealTrans(duration=2,transition=8)"><BR>
</BODY>
</HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： auty
回答日時：2008/02/13 23:28

以下の3点を確認しました。

-------------------------------------------------------------
・　IEでのフィルタ動作。

・　画像が3枚。

・　Foxfire等のフィルタに対応していないブラウザ場合でも
　　画像だけは切り替わる。
-------------------------------------------------------------

<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">

</script>
</head>

<body bgcolor="#ffffff"
onload="img0_src=document.img.src;tid=setInterval('changeImage()',5000)">
<img src="img/img0.jpg" name="img" border="0"
style="filter: revealTrans(duration=2,transition=8)" alt="">
<br>
</body>
</html>
-------------------------------------------------------------

- 0
- 件

通報する

この回答へのお礼

ばっちり思うように動作いたしました。本当に初心者でよく分からないのに今日明日でやらないといけなくて、焦って泣きそうでしたので、大変助かりました。心から感謝いたします。これからは時間をつくって、ちょっと一から勉強したいと思います・・・。

通報する

お礼日時：2008/02/14 11:02

No.4

回答者： leap_day
回答日時：2008/02/13 21:08

こんにちは

一応こんな感じでも出来ると思います(画像のファイル名は何でもいいです）

<script type="text/javascript"></script>

<img src="img/img0.jpg" id="img" border="0" style="filter:revealTrans(duration=2,transition=8)">

IMG = new Array("","","","",……,"");　で登場させる画像の順番に絶対パス(または相対パス)を並べて（1つ目の""は選択されませんので空白です）
全部同じフォルダ内にあるなら画像ファイル名だけにして
Img.src = IMG[cnt];　を
Img.src = "./img/" + IMG[cnt];　（ " " 内はフォルダのパス）としてもいいです

if(cnt == ＊)　で止める枚数を決めます(ループにするならこのときにcnt=0;　として戻せばいいです　→　if(cnt == 2) cnt = 0;　）

あとfilter関係はＩＥ専用だということをご了承くださいｍ（－－）ｍ

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！ばっちり出来ました！！ご丁寧に解説していただき、とても勉強になりました。世の中賢くて親切な人がいるなあと本当に感謝しております。

通報する

お礼日時：2008/02/14 11:15

No.3

回答者： auty
回答日時：2008/02/13 19:22

元のソースを生かすと、

-----------------------------------------------------
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">

</script>
</head>

<body bgcolor="#ffffff" onload="img0_src=document.img.src;tid=setInterval('changeImage()',5000)">
<img src="img/img0.jpg" name="img" border="0"
style="filter: revealTrans(duration=2, transition=8)" alt="">
<br>
</body>
</html>
-----------------------------------------------------

この回答への補足

できました！ありがとうございました。本当に初心者で勉強不足で申し訳ございません。さらに教えていただけるとありがたいのですが、入れ替わった後に、最初の画像に戻ることも可能でしょうか？つまり、１枚目から２枚目に変わり、１枚目に戻って終わりたいのですが・・・。よろしくお願いいたします。

補足日時：2008/02/13 20:26

通報する

- 0
- 件

通報する

No.2

回答者： _pipi_
回答日時：2008/02/13 18:12

補足

img0.jpg　をコピーしてimg2.jpg
にしてね

- 0
- 件

通報する

No.1

回答者： _pipi_
回答日時：2008/02/13 18:10

<HTML>

<SCRIPT language="JavaScript">
cnt = 0;
function changeImage() {
cnt++;
img.filters.revealTrans.Apply();
img.src = 'img'+cnt + '.jpg';
img.filters.revealTrans.Play();
if(cnt<2) setTimeout('changeImage()',5000);
}
</SCRIPT>
<BODY bgcolor="#ffffff" onLoad="setTimeout('changeImage()',1000)">
<IMG src="img0.jpg" name="img" border="0" style="filter:revealTrans(duration=2,transition=8)"><BR>
</BODY>
</HTML>