人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページでトップページの
画像変更を検討しています。

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

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


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


●質問者: ohtsu6
●カテゴリ:インターネット ウェブ制作
✍キーワード:CGI JavaScript PHP トップページ ホームページ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● pahoo
●35ポイント

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

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


2 ● munyaX
●35ポイント

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

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

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

ご参考までに。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ