スタイルシート背景画像をランダム表示

[新着] Webテンプレートを仮オープンしました



0   名前: asuka : 2005/05/03 15:12  [URL
はじめまして。
スタイルシートで指定出来る背景画像って1つですよね。
それは構わないのですが、毎回ランダムに表示させるにはどうしたらよいでしょうか?

下記のサイトのような技巧を実現させたいと思ってます。
http://www3.j-speed.net/~lain/it/

恐らくjavaではないと思います。
スタイルシートで実現させるにはどうしたら良いでしょうか?
ソースを提示して頂けると嬉しかったりします。^^;

1   名前: モノ : 2005/05/03 15:12
javaとjavascriptは別物ですから
曖昧に省略しない方が無難です。
HTMLもCSSも動的なことはできませんから
何らかのスクリプトを使っていると思います。
(件のサイトはMTを使っていること、
背景指定のスタイルの記述の前後の改行などから
何か埋め込んでいるとかなりぶっ飛んだ推測。
MTのテンプレートに、PHPでいうincludeみたいに
スクリプトが埋め込まれていたら
吐き出されたソースからはわからない)

確実なのはそのサイトの管理人さんに尋ねてみることでは。

2   名前: asuka : 2005/05/03 15:12  [URL
どうも。

3   名前: satoshi : 2005/05/03 15:12
僕が見たものだと
JAVAscriptで
背景画像を変えてるとかでしたよ
タグは 知りませんが・・・
でもCSSかもしれない・・・
ごめんなさい不適切で。

4   名前: hiro : 2005/05/03 15:12
スクリプトでなら、以下のような感じで、出来るようですが・・・

<script>
wall = new Array();

/* 使用する背景画像を好きなだけ記述 */
wall[0] = "./image/bg0.jpg";
wall[1] = "./image/bg1.jpg";
wall[2] = "./image/bg2.jpg";
wall[3] = "./image/bg3.jpg";
wall[4] = "./image/bg4.jpg";

rnd = Math.round(Math.random() * (wall.length - 1));
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
</script>

一覧へ戻る