以下の内容はhttp://10plate.blog44.fc2.com///blog-entry-81.htmlより取得しました。


背景画像をランダムに変える

サイト背景やタイトル背景等の画像をランダムに変えるカスタマイズを紹介します。


次の記述をHTMLの</head>のすぐ上に貼ります。

<script language="JavaScript"><!--
var wall = new Array();

/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像1のURL";
wall[1] = "画像2のURL";
wall[2] = "画像3のURL";

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


これはサイト全体の背景画像をランダムに変える場合です。(standard,lightframe共に同じです。)

タイトル背景を変えたい場合は body の部分を

standardをお使いの方は
#header

lightframeをお使いの方は
#header_body

と変更してください。

画像はいくつでも増やせます。豊富な画像を用意しておくと訪問者に楽しんでもらえそうですね。


【2009/04/29 追記】

記事の背景を変えたい場合は body の部分を

standardをお使いの方は
.article

lightframeをお使いの方は
.ently_body

と変更してください。

関連記事



以上の内容はhttp://10plate.blog44.fc2.com///blog-entry-81.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14