複数の画像のうちの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で質問しましょう!
似たような質問が見つかりました
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- ノートパソコン gifアニメ―ションを動画(mp4でOK)にしたい 1 2022/08/14 09:51
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JSPでの画像ファイル表示
-
javascriptによる画像切り替え...
-
aspxにてVBAのようなEXECUTEメ...
-
透過pngの透明部分以外をクリッ...
-
jQueryでタブ切り替え
-
jQueryでシンプルドラッグドロ...
-
javascriptテキストBOX色を元に...
-
jQueryでネスト構造の<li>がク...
-
変数内容をHTML内で表示する方法
-
「jQuery」アコーディオンメニ...
-
「画像クリックで音声再生」を ...
-
これはどんなJavaScriptなので...
-
JavaScriptで、?マークとコロ...
-
jQueryでヒアドキュメントを使...
-
1枚の画像をクリックして複数の...
-
画像を切り替えランダム表示
-
jQueryで同じid属性が複数あっ...
-
javaを使ってマウスオンでの画...
-
outlook2010の不具合で困ってい...
-
JimdoでWebアイコンフォントの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JSPでの画像ファイル表示
-
c++std::string型をTCHARに変換...
-
画面が真っ白になるのはどうして?
-
C言語のポインタ表現
-
フォームに入力された値により...
-
ランダムに画像を表示し、ポッ...
-
クリックして変更した画像を他...
-
javascriptで複数の画像をラン...
-
日替わりで画像を変更したい
-
「戻る」「進む」ボタンで画像...
-
Excel VBA マクロ 画像(...
-
htmlで、たくさんのgif画像を、...
-
JavaScriptのhistory.back(戻...
-
診断の作り方
-
小さい写真にマウス置くと拡大...
-
JavaScriptでボタンをクリック...
-
サムネイルをクリックして背景...
-
クリックした自身の画像を別画...
-
ロールオーバー効果にならない。
-
MinGWでfreetypeのmake時に
おすすめ情報