季節(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と、画像のパスを設定する。
パスは、表示する場所から見た位置になる。