解決済みの質問

質問No.662540
暇なときにでも
暇なときにでも
お気に入り投稿に追加する (0人が追加しました)
回答数2
閲覧数470
テーブルの背景画像をランダムに。
こんばんは。
よく、背景画像がランダムで出てくるのってありますよね。
あれをテーブルの背景では出来ないでしょうか。
<TABLE background="画像のURL">の背景を
ランダムにするやつです。
宜しくお願いします。
投稿日時 - 2003-09-23 21:59:24

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

回答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について調べてみてください。
上記ソースについてわからない、あるいはうまくいかない場合は、どのようにしてどううまくいっていないのかを補足してくださいね。

参考になれば幸いです。
投稿日時 - 2003-09-24 02:39:19
この回答を支持する
(現在0人が支持しています)
お礼
丁寧なご指導、ありがとうございます!
やってみたら出来ました!
ちゃんとランダムに表示されました!
ソースまで丁寧にかいてくださってどうも、ありがとうございました!
投稿日時 - 2003-09-24 21:52:54

ベストアンサー以外の回答 (1)

回答No.1
JavaScriptを使います。

下記のURLが参考になりますよ。
投稿日時 - 2003-09-23 23:00:26
この回答を支持する
(現在0人が支持しています)
お礼
わざわざありがとうございます!
頑張ってみます!
投稿日時 - 2003-09-24 22:10:08
この質問は役に立ちましたか?
1人が「このQ&Aが役に立った」と投票しています
もっと聞いてみる

関連するQ&A

この他の関連するQ&Aをキーワードで探す

関連するガイド記事

    回答募集中

    同じカテゴリの人気Q&Aランキング

    カテゴリ
    HTML
    -PR-

    OKWaveのおすすめ情報

    特集

    このQ&Aの関連キーワード

    同じカテゴリの人気Q&Aランキング

    カテゴリ
    HTML
    -PR-

    回答のついた最新のQ&A

    カテゴリ
    HTML

    rss

    shoshin01

    aspl21

    A_icon<dvi class="xxx"> <span clas...2014-04-25 11:22:07

    jipang5054

    Q_iconbody onload 自動フォーカス2014-04-18 17:00:51

    askaaska

    A_iconまず document.getElementsByNam...2014-04-24 22:19:07

    rydeen5

    Q_iconチャットでBGM2014-04-22 18:47:44

    AsarKingChang

    A_iconhttp://html5.sophia-it.com/r...2014-04-22 21:39:12

    ピックアップ

    -PR-
    -PR-