複数の画像のうちの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も見ています
-
これまでで一番「情けなかったとき」はいつですか?
これまでの人生で一番「情けない」と感じていたときはいつですか? そこからどう変化していきましたか?
-
一回も披露したことのない豆知識
あなたの「一回も披露したことのない豆知識」を教えてください。 「そうなんだね」と「確かに披露する場所ないね」で評価します。
-
忘れられない激○○料理
これまでに食べたもののなかで、もっとも「激○○」だった料理を教えて下さい。 激辛、でも激甘でも。 激ウマ、でも激マズでも。
-
おすすめのモーニング・朝食メニューを教えて!
コメダ珈琲店のモーニング ロイヤルホストのモーニング 牛丼チェーン店の朝食などなど、おいしいモーニング・朝食メニューがたくさんありますよね。
-
うちのカレーにはこれが入ってる!って食材ありますか?
カレーって同じルーから作っても、家庭によって入っているものや味が微妙に違っていて面白いですよね! 「我が家のカレーにはこれが入ってるよ!」 という食材や調味料はありますか?
-
日替わりメッセージの表示
その他(パソコン・スマホ・電化製品)
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/22】このサンタクロースは偽物だと気付いた理由とは?
- ・お風呂の温度、何℃にしてますか?
- ・とっておきの「まかない飯」を教えて下さい!
- ・2024年のうちにやっておきたいこと、ここで宣言しませんか?
- ・いけず言葉しりとり
- ・土曜の昼、学校帰りの昼メシの思い出
- ・忘れられない激○○料理
- ・あなたにとってのゴールデンタイムはいつですか?
- ・とっておきの「夜食」教えて下さい
- ・これまでで一番「情けなかったとき」はいつですか?
- ・プリン+醤油=ウニみたいな組み合わせメニューを教えて!
- ・タイムマシーンがあったら、過去と未来どちらに行く?
- ・遅刻の「言い訳」選手権
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
WSHでクリップボードにイメージ...
-
Excel VBA マクロ 画像(...
-
ポップアップウインドウが立ち...
-
2箇所の画像をランダムに複数表示
-
MAX関数を使ってからLEFT JOIN...
-
複数画像のランダム複数表示(...
-
ページの上下に同じタブメニュ...
-
Flickity で画像にリンクを貼る...
-
jQueryでサーバー上のファイル...
-
キャラクターがぴょこんと飛び...
-
jqueryのプラグインslickの画像...
-
bxsliderにて読み込み後に内容...
-
デフォルト非表示にしたい。【t...
-
テキストボックスに入力された...
-
条件分岐でキーが入力されてい...
-
変数内容をHTML内で表示する方法
-
eclipseでcssを使うためには?
-
Javascriptで指定した日付と時...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
日替わりで画像を変更したい
-
クリックして変更した画像を他...
-
Excel VBA マクロ 画像(...
-
OpenCVを用いたヒストグラムの...
-
文字列型定数2
-
画像をクリックしたら別ウイン...
-
ランダムに画像を表示し、ポッ...
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
C言語のポインタ表現
-
画像クリックした後別ウィンド...
-
ボタンを押すとオリジナルの効...
-
携帯でGIFアニメーションが正し...
-
時間で背景の画像を変更したい...
-
JAVASCRIPTを使って、できるだ...
-
スライドショー
-
【初心者】UWSCでjavascriptで...
おすすめ情報