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


タイトル画像をランダムに変える

【2009/04/26 追記】
よりSEOを考慮した記事を掲載したのでこちらを推奨します。
SEOを考慮したランダムなタイトル画像



以前に背景画像をランダムに変える方法を紹介しましたが今回は背景ではなく、タイトル画像自体を変える方法を紹介します。

HTMLを編集します。
<h1>~</h1>で囲まれている部分を下記記述に置き換えてください。

<h1>

<script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像1のURL";
images[1] = "画像2のURL";
images[2] = "画像3のURL";

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');
</script>


</h1>

これでタイトル画像がランダムに表示されます。
もしタイトル以外の画像をランダムにかえたければ
<a href="<%url>" title="<%blog_name>" alt="<%blog_name>">
</a>

この部分を削除してください。

タイトル画像を3つ、タイトル背景を3つ用意しておくと
3x3=9パターンと一気にバリエーションが増えますね。

【2009/11/27 追記】ブログタイトルにシングルクォーテーション「'」が含まれると機能しません。タイトルからこれを除くか、またはjavascriptの以下の赤い部分を削除してください。

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');

関連記事



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

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