
複数の画像のうちの1枚を、曜日や画像の枚数などに関係なく、日替わりでホームページに表示するようにしたいのですが、うまくいきません。毎日毎日、日付が変わるたびに、次の画像が表示されるようなプログラムをお教えいただけませんでしょうか(例えば、40個の画像があったら、41日目には再び最初の画像に戻ってほしいです)。
週単位の日替わり画像変更プログラムは、下記でうまくいきました。
<SCRIPT LANGUAGE="JavaScript">
<!--
back=new Array(7);
back[0]="tmp1.gif";
back[1]="tmp2.gif";
back[2]="tmp3.gif";
back[3]="tmp4.gif";
back[4]="tmp5.gif";
back[5]="tmp6.gif";
back[6]="tmp7.gif";
myDate=new Date();
myBack=myDate.getDay();
document.write("<img src='"+back[myBack]+"'>");
//-->
</SCRIPT>
よろしくお願いいたします。

No.1ベストアンサー
- 回答日時:
Hatenaにて見つけましたので参考になさってみてください。
「写真を日替わりで変更したい。例えば午前0時に写真表示を入れ替える方法」
http://q.hatena.ne.jp/1075480827
この回答への補足
的確な情報、ありがとうございます。参考ページ拝見させていただきました。
<SCRIPT LANGUAGE=”JAVASCRIPT”>
<!--
t=new Date();
sum=20;//画像数(0.gif〜19.gif)
num=t%20;
img = ””+num+”.gif”;
document.write(’<CENTER><IMG src=”’+img+’”></CENTER>’);
// -->
</SCRIPT>
このプログラムがスマートかなと思うのですが、
初歩的な質問で恐縮ですが、画像ファイル名はどこにどのように
書き込んだら良いのでしょうか?
一応、元のhtmlファイルとは別フォルダの画像を読み込もうと
思っております。
回答No.2の方のプログラムだと、画像ファイルの書き方など
よくわかるのですが・・・。
別質問になってしまうようで申し訳ありませんが、もしよろしかったら
ご教授願います。
No.2
- 回答日時:
back=new Array();
back[0]="tmp1.gif";
back[1]="tmp2.gif";
back[2]="tmp3.gif";
back[3]="tmp3.gif";
back[4]="tmp3.gif";
back[5]="tmp3.gif";
//基点(1970/1/1)
passedDate = Math.floor((new Date).getTime() / (24 * 60 * 60 * 1000));
//枚数で割った余りを取得
no = passedDate % back.length;
document.write("img src='"+back[no]+"'>");
こんな感じかな。
基点の日から経過した「日数」を画像枚数で割った余りをキーにすることで
月またぎなど関係なく使用できます。
この回答への補足
ご回答、ありがとうございます。
回答No.1の補足にも記しましたが、いろいろ試してみようと思います。
まずは、wp様からアドバイスいただいた記述方法でやってみます。
ありがとうございます。
とてもわかりやすい記述なのですが、
日にちが変わっても同じ画像しか表示されません。
ご確認、再度ご指導いただけたら幸いです。
("img src='"+back[no]+"'>");の「img」の前に「<」が
抜けてました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
スライドショー(1回)が思う...
-
MAX関数を使ってからLEFT JOIN...
-
Dreamweaver上とデバイスプレビ...
-
透過pngの透明部分以外をクリッ...
-
javascriptでpostした値が取得...
-
タブで開いてさらにタブ内をア...
-
取得した要素がインライン要素...
-
jspでcssが読み込めない
-
iframe内のリンク文字のマウス...
-
外部javascriptの重複を防ぐには
-
javascriptでオブジェクトの重...
-
画像ギャラリー
-
javascriptテキストBOX色を元に...
-
iframe内のリンクが飛ばないの...
-
JavaScriptで変更した属性の元...
-
jqueryでhrefの値を取得して代...
-
表示・非表示のスクリプトで、...
-
マウスオーバーでリンク(複数...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JSPでの画像ファイル表示
-
フォームに入力された値により...
-
データの記録方法
-
ロールオーバー画像の上にテキ...
-
c++std::string型をTCHARに変換...
-
画面が真っ白になるのはどうして?
-
iframeのサイズを自動設定する...
-
OnMouseOverで画像のサムネイル...
-
クリックした自身の画像を別画...
-
Submit()について
-
曜日別でFLASHの切り替え
-
IE8でのjavascriptエラーについて
-
JavaScriptのhistory.back(戻...
-
画像を変えるスクリプト
-
Litebox v1.0のカスタマイズ方法
-
スライドショー(1回)が思う...
-
onmouseover、onmouseoutの仲間...
-
画像をクリックしたら別ウイン...
-
MinGWでfreetypeのmake時に
-
Excel VBA マクロ 画像(...
おすすめ情報