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

Question

ohtsu6

50

50もっと見る

70pt

インターネットウェブ制作

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

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

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

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

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

回答の条件

1人2回まで

登録：2009/01/16 14:56:05
終了：2009/01/23 15:00:02

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

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

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

pahoo · Answer 1 · 2009-01-16T15:00:51+09:00

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

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

munyaX · Answer 2 · 2009-01-16T15:55:21+09:00

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

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

　※"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>

ご参考までに。

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

回答（2件）

pahoo59606332009/01/16 15:00:51

munyaX120242009/01/16 15:55:21

コメント（0件)

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