ホームページでトップページの

画像変更を検討しています。

訪問の度に画像を変更するJavaScriptは検索でヒットしたのですが、
日ごとに画像を変更するJavaScriptはありますでしょうか?

ローカル環境で行いたいので、
CGIやPHPなどは不可です。


どうぞよろしくお願いいたします。

回答の条件
  • 1人2回まで
  • 登録:2009/01/16 14:56:05
  • 終了:2009/01/23 15:00:02

回答(2件)

id:pahoo No.1

pahoo回答回数5960ベストアンサー獲得回数6332009/01/16 15:00:51

ポイント35pt

月単位で画像が差し替わるスクリプト」が参考になると思います。

サンプルにあるように、画像ファイル名に「日」を含めた方が処理しやすくなります。

id:munyaX No.2

munyaX回答回数120ベストアンサー獲得回数242009/01/16 15:55:21

ポイント35pt

画像ファイル名に「日」を含めないバージョンを書いてみました。

自由度は上がりますが、運用はちょっと面倒そうですね。

 ※"list"を外部ファイルにして、動的に出力してもよさそうです。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Change Image</title>
<script>
var list = {
  '20090115':{ 'src':'image/foo.jpg',  'alt':'foo',  'width':'100', 'height':'100'}
, '20090116':{ 'src':'image/bar.jpg',  'alt':'bar',  'width':'100', 'height':'100'}
, 'default':{  'src':'image/hoge.jpg', 'alt':'hoge', 'width':'100', 'height':'100'}
};

function toDayImage(){
	var i =  getDateString();
	if( ! list[i]) i = 'default';
	document.write('<img src="'+ list[i]['src'] + '" '
							+' width="'+ list[i]['width'] + '" '
							+' height="'+ list[i]['height'] + '" '
							+' alt="'+ list[i]['alt'] + '" '
							+'>'
	);
}

function getDateString(){
	var today = new Date();
	var yyyy  = String(today.getFullYear());
	var mm    = String(today.getMonth() + 1);
	var dd    = String(today.getDate());
	
	if (mm < 10) mm = '0' + mm;
	if (dd < 10) dd = '0' + dd;
	
	return( yyyy + mm + dd );
}

</script>
</head>
<body>

<script>toDayImage();</script>

</body>
</html>

ご参考までに。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません