時悠帖・五差路

まだ若いつもりでいたがついに老いを隠せなくなった爺の 時悠生活雑記

画像のランダム表示

サイドバー「My Web site」の画像は、時間帯(深夜帯yes/no)、季節等に応じて、ランダムに変わるようにしています。

読み込むたびに画像をランダム表示させるだけなら JavaScript を使って簡単に実現できます。

 

 

本当は外部ファイルにより JavaScript を記述した方がいいのですが、手っ取り早くやりたいなら、サイドバープラグイン JavaScript を追加し、次の内容を貼り付けます。

/* 左右の記号に囲まれた部分がコメントとなります */

// この行もコメントとなります

// 画像3点をランダムに表示させます。画像はアップロードしておきます。

<script type="text/javascript">

image = new Array();

// your_site_url, 画像ファイル名, width, height, alt, title の箇所は適宜修正してください

image[0]="'http://your_site_url/LOVELOG_IMG/gazou1.gif' width=' ' height=' ' alt=' ' title=' '";

image[1]="'http://your_site_url/LOVELOG_IMG/gazou2.gif' width=' ' height=' ' alt=' ' title=' '";

image[2]="'http://your_site_url/LOVELOG_IMG/gazou3.gif' width=' ' height=' ' alt=' ' title=' '";

i=Math.floor(Math.random()*image.length);

document.write("<img src=" + image[i] + " />");

</script>

// 以下は、表示する挨拶文を時間帯によって変える場合です。

<script type="text/javascript">

today = new Date();

H = today.getHours();

if *1 {

document.write("おはよう"); /* 4時台〜9時台 */

} else if *2 {

document.write("こんにちは"); /* 10時台〜17時台 */

} else if *3 {

document.write("こんばんは"); /* 18時台〜23時台 */

} else {

document.write("夜更しはいけませんよ"); /* それ以外 */

}

</script>


*1:H >= 4) && (H < 10

*2:H >= 10) && (H < 18

*3:H >= 18) && (H <= 23