ブログタイトルの背景画像をランダム表示にする方法

少し前からページ上部にあるブログタイトルの背景画像をランダム表示にしたのですが、その方法をちらほら聞かれますので、「ニーズがあるのかな？」って事で、フリーのツール[画像ランダム君]を公開しますので、どうぞご利用ください。10枚までの画像をランダムで表示する事ができます。



使い方

[step1]
　まず、ランダム表示する画像を複数枚準備してください。今何か画像を指定している方は、その画像と同じ大きさの画像を用意してください。もし、まだ画像を指定していない方は幅930px、高さは[マイページ]の[スタイルシート]をクリックし、さらに[詳細表示]をクリックして出てきた画面から[ヘッダー領域]と書かれている欄を見つけ、そこの横にあるテキストエリア内で[height:?????px;]と書かれている「????px」が画像の高さになります。ちなみに、この値を変えれば任意の高さの画像を使う事ができます。

[step2]
　画像をどこかにアップロードしてください。
　この日記の最初の版では、みんカラのフォトギャラリーに上げろと書きましたが、スタイルシートの所に[スタイルシート用画像]って項目がありましたね。そこにアップしてください。そこに画像を全部アップしてください。画像をアップすると、画像のサムネイルとURLがリスト表示になりますので、そのURLを次のステップでコピペしていきますのでページは閉じないよーに！
　　※ちなみにフォトギャラリー、殆ど使っていないので見落としていましたが、800pxのサイズまでしかアップロードできませんので、タイトル画像用には使えません。(スミマセヌ)

[step3]
　枚数分の画像URLをメモったら、画像ランダム君へ行きます。表示された画面にはテキストフィールドが並んでいますので、step2でメモったURLをコピペしていきます。ランダム表示ですので順序は関係ありません。もしテキストフィールドが足りなくなったら「画像を追加」をクリックすると、新しいテキストフィールドが一つ追加されます。最後の[レア画像]というテキストフィールドに入れた画像は、一定の確率でしか表示でしません。デフォルトは100回に1回の確率ですが、変更可能です。URLは(レア画像を除いて)二つ以上入力すればOKです。空欄があっても構いません。記入が終わったら、[これでＯＫ！]ボタンをクリックします。

[step4]
　画面が切り替わり、URLが表示されます。そのURLがランダムに画像を表示するURLです。それを[ヘッダー領域]の背景画像のURLに設定すると、あら不思議、背景画像がアクセスの度に切り替わります。設定方法は出てきた画面に書かれていますのでそちらをご覧ください。

[step5]
　めでたしめでたし。成功したら(失敗したら)、ここにコメントか、私にメッセージ頂けましたら幸いです。

[免責]
　適当に実装して、フリーのホームページスペースに置いたので、動作速度とかはそれなりだと思います。まともに動くかもたいして検証していません。まぁ、まともに動かなかったとしても画像が表示されないだけで、コンピューターが壊れる事はないでしょうが、当然ながらat your own riskでお願いします。

ちなみに、ここで説明した方法は、私のページで使っている方法とは異なりますが、「できる事」はほぼ同じです。ただ、ブラウザによって、ページ遷移の度に画像が切り替わる場合と、そうで無い場合(一度外部へ出て、また来た時に切り替わる)があるようで、多少不安定かもしれません。その他、要望や不具合報告があれば、コメントかメッセージでお寄せ頂ければ、暇な時に改良するかも知れません。