[JS]季節で画像を変更するスクリプト

季節(4カ月おきくらい)でイメージ画像を自動更新するスクリプトのサンプル。
しかしこの間隔ならスクリプト使うこともない気がする。

<img src="images/00.png" alt="季節で変わります" id="change" width="500" height="200" border="0">

変更したい画像にIDをつける。サンプルではchangeとつけた。


onloadで呼び出す。
functionに名前つけてbodyのイベントハンドラで呼び出しても良い。

window.onload = function() {
var myIMG = document.getElementById(“change”);//画像のID
var myMonth=new Date();
myDate = myMonth.getMonth() + 1;
if(myDate>=3 && myDate<6){ myIMG.getAttributeNode("src").value="images/01.png";//春 }else if(myDate>=6 && myDate<9){ myIMG.getAttributeNode("src").value="images/02.png";//夏 }else if(myDate>=9 && myDate<12){ myIMG.getAttributeNode("src").value="images/03.png";//秋 }else if(myDate==12 || myDate<=2){ myIMG.getAttributeNode("src").value="images/04.png";//冬 } }[/js] スクリプトの方で、変更する画像のIDと、画像のパスを設定する。 パスは、表示する場所から見た位置になる。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください