プロが教えるわが家の防犯対策術!

画像+リンク+文字のランダム表示について

復数ある画像、リンク、文字のなかからランダムで数個(かぶらないように)表示させたいのです。
それもテーブルタグの中に。
(画像Aには必ずリンクAと文字Aがせっとになるようにです)

初心者なのでどのようにしたら良いのか、またこんな事ができるのかどうかもわかりませんが・・・
おわかりになる方、詳しく教えてください。

一応HTMLでHPをつくっているので、このように書いたら良いよ・・・という見本のようなモノを作って頂けると幸いです。
宜しくお願いします

↓の画像のように3パターンの表示を考えています。
解りづらいかもしれませんが、よろしくお願いします。

「画像+リンク&文字のランダム表示について」の質問画像

A 回答 (2件)

<script type="text/javascript">


<!--
var msg = new Array();

msg[0] = '<img src="画像Aアドレス"><br>ここにA文章';
msg[1] = '<img src="画像Bアドレス"><br>ここにB文章';
msg[2] = '<img src="画像Cアドレス"><br>ここにC文章';
msg[3] = '<img src="画像Dアドレス"><br>ここにD文章';
msg[4] = '<img src="画像Eアドレス"><br>ここにE文章';

var no = Math.floor(Math.random() * msg.length);
document.write(msg[no]);
// -->
</script>

これを<td></td>の中に入れれば大丈夫だと思います。
msg[0]←この数字を増やしていけばいくつでも可能です。
    • good
    • 1

連続すいません、見落としていた文章がありました。


「かぶらないように」とのことでしたが、先ほどの記述では何が出るかランダムなのでかぶってしまいます。

この回答への補足

かぶらないように、複数の画像(文字なども)を表示させるにはどうしたら良いのでしょうか?

補足日時:2009/03/18 20:06
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!