人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

背景画像をCSSにてランダムに表示する方法を教えてください。
現在 @import "bg.css" というCSSファイルから背景画像を指定したCSSファイルを読み込ませています。
背景画像は複数用意しておりまして、ページごとに違う種類を指定しているのですが、これを新たに変えてみようと思います。
複数枚ある背景画像を一つのディレクトリにいれて、各ページからランダムに毎回違うCSSファイルを読み込ませ背景を毎回変わるようにしたいのです。JavaScriptは利用せずにCSSでこれを実現できないでしょうか。もしJavaScriptしかないのならその方法で、毎回違うCSSファイルを読み込む @importさせる方法を教えてください。お願いします。

●質問者: BrainCHAOS
●カテゴリ:インターネット
✍キーワード:CSS JavaScript ディレクトリ ファイル ランダム
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● susie-t
●70ポイント ベストアンサー

JavaScriptでしかできないと思います。

<html>
<head>
<title></title>
<link rel="stylesheet" href="bg.css" type="text/css" id="css"/>
<script>
<!--
var cssAray = ["bg0.css", "bg1.css", "bg2.css"];
var css = cssAray[Math.floor(Math.random() * cssAray.length)];
document.getElementById("css").href = css;
//-->
</script>
</head>
<body>
</body>
</html>

cssArayのメンバを増やせばその分対応します。

◎質問者からの返答

回答有り難うございます。

教えていただいたソースを使ってみましたが、なぜか実現できません。私のスキルのせいなのですが、もう少し詳しく教えていただけますか?


2 ● pi8027
●0ポイント

CSSをCGI等で出力すれば良いのでは?

画像のURIの部分だけ乱数とか使って……

◎質問者からの返答

その方法を教えて欲しいのですが・・・

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ