ランダム表示画像へ説明文を表示したい。

ランダムな画像表示に対しそれぞれへの個別リンク設定をし、
個々の画像にカーソルを重ねた時に説明文を表示するようにしようと思っています。

画像とリンクはうまくいっているのですが説明文が表示されません

記述は下記のようにしました。

間違っているところを訂正していただけないでしょうか、
お願いします。



<script language="JavaScript">
<!--
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://www.marucho-powertec.com/contents/powerco …
jmp[1] = "http://www.marucho.co.jp/mbs/cnts/option1/?c=sea …
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "image/k_imgae/index/event/h23powercool.gif","遮熱塗料パワークール";
img[1] = "image/k_imgae/index/event/h23.08.18.jpg","シーカヤックガイドツアー";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");
//-->
</script>

No.1 ベストアンサー 回答者： fujillin 回答日時： 2011/08/22 10:13

＞画像にカーソルを重ねた時に説明文を表示するようにしようと思っています

どのようにして表示する予定でしょうか？
画像のaltに設定するのでもいのでしょうか？（表示されないブラウザもあるけど）

document.writeで書き出すのはあまり好きではありませんが…
とりあえず、こんなのでは？

img[0] = ["image/k_imgae/index/event/h23powercool.gif","遮熱塗料パワークール"];
img[1] = ["image/k_imgae/index/event/h23.08.18.jpg","シーカヤックガイドツアー"];


document.write("<img src='"+img[n][0]+"' alt='"+img[n][1]+"' border='0'>");


スクリプトでロールオーバーなどを設定したいのであれば、別の方法になります。

この回答へのお礼

試してみます、ありがとうございました。

表示されないプラウザもあるのですね、勉強不足でした。

お礼日時：2011/08/23 13:24