WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:画像とテキストをランダムに表示

0:[投稿] クレア [2002/08/18 00:55 ][環境:WIN+IE わからない]

いくつかの画像と説明文をセットでランダムに表示させたいのですが、
どのサイトを見ても画像だけをランダムに表示させる方法しか書いてありません。
どうすればいいのか分かる方は、教えていただきたいです。
よろしくお願いいたします。


1:[回答] ナン [2002/08/19 08:58 ]

>いくつかの画像と説明文をセット
もう少し、セットでの表示イメージを具体的にお願いします。


2:[回答] クレア [2002/08/19 14:21 ]

説明が足りなかったようで、申し訳ありません。
例えば、山の画像と海の画像と空の画像を用意していたとして、
海の画像が出た時には、「これは海の画像です」と言うふうに出したいのです。
山、空の画像のときも同様に、その画像に合った説明文を表示させたいのですが・・・・
可能でしょうか?
よろしくお願い致します。


3:[回答] Gray [2002/08/21 17:21 ]

例えば(javascriptを使っていますが)・・

・画像の配列(4要素)を用意。
・文章の配列(4要素)を用意。
(画像配列の一番目が山の画像だった場合、文章配列の一番目は山の説明が入っている)

・ランダムな値(0-3)を出し、変数(ここではiとする)
に記憶させる。

画像配列のi番目の要素を使って画像を表示。
文章配列のi番目の要素を使って文章を表示(document.writeを使う)

考え方の問題なんで、基本的にこれで行けると思います。


4:[質問] クレア [2002/08/21 17:29 ]

Gray様、回答有難うございます。
本当に申し訳ないのですが、ソースをどなたか書いていただけないでしょうか・・・・。
javascriptの仕組みに詳しくないもので、どうすればいいのかさっぱり分かりません。
勝手なお願いかもしれませんが、どなたかよろしくお願い致します。


5:[回答] Gray [2002/08/21 17:58 ]

さっき言ったのと原理が違うけど、これで行けます。
取りあえず出来たというだけで、完全とは言えないので悪しからず。
red.jpgとblue.jpgの二つの画像は自分で用意して見て下さい。

<html><head>
<script language="javascript">
<!--
i=Math.floor(Math.random()*2);
/*0か1が出る。
最後の「2」を3にした場合、0か1か2が出る*/


function setimage()
{
    if(i==0)document.write("<img src='red.jpg'>");
    else if(i==1)document.write("<img src='blue.jpg'>");
}

function setword()
{
    if(i==0)document.write("赤だよ");
    else if(i==1) document.write("青だよ");
}
-->
</script>
<title>新しいページ 1</title>
</head><body>

<table border>
<tr><td>
<script language="javascript">
setword();
</script>
</td>
<td>
<script language="javascript">
setimage();
</script>
</td></tr>
</table>
</body>
</html>


6:[完了] クレア [2002/08/21 18:36 ]

Gray様、回答していただいて有難うございます。
今試してみたところ成功しました!
本当に助かりました。
本当にどうも有難うございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World