javascript

質問

画像がA,B,C,D　説明文が1,2,3,4とあったとき、
画像A,1　と　B,2　をまず最初に表示して一定時間後
A,1 →　C,3　B,2　→　D,4　と　表示させてループさせることは
可能でしょうか？　ランダムなら何とかできたんですけど
どうしてもうまくいきません。
お手数だとは思いますが、アドバイスお願いします。

回答No.5

leap_day

こんにちは

＞４枚の画像を順番に
こんな感じとか？

<script language="javascript"><!--
setInterval("textch()",3000);

i=0;
TEXT = new Array();
IMAGE = new Image();
ALT = new Array();

TEXT = [ ["テキスト１"] , ["テキスト２"] , ["テキスト３"] , ["テキスト４"] ,
["テキスト５"] , ["テキスト６"] , ["テキスト７"] , ["テキスト８"] ];

IMAGE = [ ["A.gif"] , ["C.gif"] , ["E.gif"] , ["G.gif"] ,
["B.gif"] , ["D.gif"] , ["F.gif"] , ["H.gif"] ];

ALT = [ ["A"] , ["C"] , ["E"] , ["G"] , ["B"] , ["D"] , ["F"] , ["H"] ];

function textch() {
i++;

document.getElementById("text1").innerHTML = TEXT[i];
document.getElementById("image1").src = IMAGE[i];
document.getElementById("image1").alt = ALT[i];

document.getElementById("text2").innerHTML = TEXT[i+4];
document.getElementById("image2").src = IMAGE[i+4];
document.getElementById("image2").alt = ALT[i+4];

if(i == "3") i = -1;
}
// --></SCRIPT>

<div id="text1">テキスト１</div>
<img src="A.gif" id="image1" alt="A">
<div id="text2">テキスト5</div>
<img src="B.gif" id="image2"alt="B">

テキスト文が長いとちょっと面倒臭そうですが・・・
画像で作ってしまっているのであればTEXTの部分をIMAGEと同じように画像のパスを入れて
document.getElementById("text1").innerHTML = TEXT[i];
<div id="text1">テキスト１</div>
などをIMAGEのとおなじようにすればよいかと思います

お礼

こんばんは

ソースを貼ったりしながら、何とか望むものができました！
お二人のソースは、全て書いてくれていて大変感謝しております。
ソースを眺めてるうちにわかってきたこともありました。
javascriptは、やはりプログラム言語なんだなと改めて思いました。
ありがとうございました。