入口 > お問合せ - お返事 > ブログタイトル画像をランダムに表示したい件

ブログタイトル画像をランダムに表示したい件

【旧版専用】
2012年6月中旬までの旧バージョンテンプレ(ver.2~ver.2-3-3)に準拠した記事です。現行バージョンには適用できない場合があります。


◆水輝さま 

こんにちは! テンプレに目を止めて使ってくださってありがとうございます。
さて

>「入り口ブログ名を画像にする事」関連で質問したいことがあり、連絡をしました。
>この画像を、ランダム表示にすることはできるのでしょうか。

というご相談ですね。
こちらは、HTML初めの方「■入口ページ■」下あたりの

<h1><span id="h1"><%blog_name></span></h1>

の赤字部分(既に画像アドレスになっているかもしれませんが)を、以下の赤字部分でごっそり上書きしていただければOKです。

<h1><span id="h1">
<script type="text/javascript">
<!--
// 追加する場合は『'',』で。最終行は『,』無し。『''』内でのタグもOK。改行はNG。
var list = new Array(
'<img src="タイトル画像のアドレス1" border="0" />',
'<img src="タイトル画像のアドレス2" border="0" />',
'<img src="タイトル画像のアドレス3" border="0" />',
'<img src="タイトル画像のアドレス4" border="0" />',
'<img src="タイトル画像のアドレス5" border="0" />'
);
var random_hyouji = Math.floor(list.length*Math.random());
document.write(list[random_hyouji]);
//-->
</script>
<noscript><img src="javascript無効時に表示させたいタイトル画像のアドレス" border="0" /></noscript>

</span></h1>

ピンク背景の部分はお手元の状況に合わせて書き換えてください。
ソース内のディレクションにある通り、画像の数をもっと増やしたい場合は、「'」から「'」をコピペして、最終行以外には行末に「,」をつける、というようにすればいいと思います。(スクリプトはこちらからお借りしました。)

これで思ってらっしゃる感じになるといいのですが。一度お試しください。
テンプレについてあたたかいお言葉もありがとうございました。こんなニッチなテンプレですが、作ってよかったです。これからも楽しんでくださいね!
2012-04-03