-PR-
  • 暇なときにでも
  • 質問No.662540
解決
済み

テーブルの背景画像をランダムに。

  • 閲覧数595
  • ありがとう数3
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 23% (67/280)

こんばんは。
よく、背景画像がランダムで出てくるのってありますよね。
あれをテーブルの背景では出来ないでしょうか。
<TABLE background="画像のURL">の背景を
ランダムにするやつです。
宜しくお願いします。
通報する
  • 回答数2
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.2

JavaScriptとスタイルシートを利用すれば実現できそうです。

<script type="text/javascript"><!--
bgImg= new Array();
bgImg[0]="***0.gif";
bgImg[1]="***1.gif";
bgImg[2]="***2.gif";
/* 以上の配列に画像のURIを入れておきます。 これ以上の画像がある場合は、適宜bgImg[x]の数を増やして、それぞれにその画像のURIを上記と同じ要領で入れてください。 */

function bgImgRND(){
if (document.getElementById){
n=Math.floor(Math.random()*bgImg.length);
document.getElementById("tb1").style.backgroundImage="url("+bgImg[n]+")";
}
}
//--></script>

以上のソースをhead内に記述し、bodyタグに「 onLoad="bgImgRND()"」と追記します。
また、背景画像を変えたいテーブルに対して、そのタグ内に「id="tb1"」を追記してください。
これで実現できるのではないかと思います。 一応、こちらではWindowsMe上のIE6、Netscape7.1、Opera7.11で動作することを確認しました。

なお、背景画像をランダムにしたいテーブルが複数ある場合は、このソースをもう少しいじる必要があります。 詳しくは、JavaScriptについて調べてみてください。
上記ソースについてわからない、あるいはうまくいかない場合は、どのようにしてどううまくいっていないのかを補足してくださいね。

参考になれば幸いです。
お礼コメント
riroru

お礼率 23% (67/280)

丁寧なご指導、ありがとうございます!
やってみたら出来ました!
ちゃんとランダムに表示されました!
ソースまで丁寧にかいてくださってどうも、ありがとうございました!
投稿日時 - 2003-09-24 21:52:54
-PR-
-PR-

その他の回答 (全1件)

  • 回答No.1

JavaScriptを使います。 下記のURLが参考になりますよ。 ...続きを読む
JavaScriptを使います。

下記のURLが参考になりますよ。
お礼コメント
riroru

お礼率 23% (67/280)

わざわざありがとうございます!
頑張ってみます!
投稿日時 - 2003-09-24 22:10:08
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ