画像を一定時間毎に書き換えるには?

[上に] [前に] [次に]
なおや 1999/09/16(木) 18:32:01
テーブルのセルに画像を表示し、その画像を一定時間ごとに別画像に
書き換えるようなことを考えています。(紙芝居的に数枚の画像を順
に表示)

今回初めてホームページを作成するので基本的な質問かもしれません
が、よろしくお願いします。

対象ブラウザは、IE3/NN4以上を想定しています。

みんこ 1999/09/16(木) 22:04:00
GIFアニメが王道。
次点:JavaScript。

長月 1999/09/16(木) 22:08:25
JavaScriptでできますよ。

3枚の画像があるとして...
<SCRIPT LANGUAGE="JavaScript">
//---画像ファイルの設定
var Imagefile = new Array("img1.gif","img2.gif","img3.gif",);
Imgnum = 0;
timeId = 10;

function view_image(){
document.images[0].src = Imgfile[Imgnum];
Imgnum++;
clearTimeout(Time);
if (Imgnum <= 2){
timeId = setTimeout('view_image()',1000);
}
}
</SCRIPT>

として、、、
html本文中に、

<img src='img0.gif' width=100 height=100>
#img0.gifは、ダミー画像
<form>
<input type="button" value="START" onClick="view_image()">
</form>

みたいなことしておけば、いいかも。。

長月 1999/09/16(木) 22:12:55
画像と画像につながりがある(4コマ漫画とか)のなら、
みんこさんのいわれる通り、GIFアニメのがいいかも、
写真とか、絵の展覧をするみたいに、更新するときに、
画像の枚数が増えたりするなら、JavaScriptで一度つくって
おけば、簡単かもしれない。

そにー 1999/09/16(木) 23:50:12
紙芝居だとして、もしBGMつけたりホンとに語りたいなら
RealPixとかRealText混ぜ込んだり
これを埋め込めば…環境に依存するけど

なおや 1999/09/17(金) 14:49:56
みなさん、アドバイスありがとうございます。

今回は写真の展覧のようなことを考えており、画像のつながりはほと
んど無いものです。長月さんからご紹介頂いたJavaScriptで切り換え
は出来たのですが、setTimeoutで登録した関数を削除する方法はあ
るのでしょうか?

なおや 1999/09/17(金) 15:10:03
[[解決]]
すいません、setTimeoutで登録した関数を削除する方法は判明しま
した。

今回は色々アドバイス頂き、ありがとうございました。

[上に] [前に] [次に]