• ベストアンサー

日にちによって画像を変更するには？

見てくださってありがとうございます。 数年前からホームページを運営しているのですが、トップページに表示する画像を、月ごとやイベントごとに変える方法を探しています。（観覧者側のパソコンから月や日にちを取得して、たとえば１月３１日の２４時を過ぎたら表示画像を変更させたり、バレンタインの２月１４日なら、２月１３日の２４時を過ぎてから２月１４日の２４時まで表示させる、という具合に） 以前似たような質問がこちらのサイト様であったらしく、検索してヒットしたページを見てこれがどうやらjavascriptであることを知ったのですが、参考リンク先がリンク切れになっていて調べることができませんでした。 ご存知の方がおられましたら、教えてください。

回答 全件
ベストアンサー
こんにちは（＾＾） No.1の方のを使ってるようなので参考程度に…
ここにあります。 http://okwave.jp/qa240729…

質問者が選んだベストアンサー

  • ベストアンサー
  • leap_day
  • ベストアンサー率60% (338/561)
回答No.2

こんにちは（＾＾） No.1の方のを使ってるようなので参考程度に・・・ <body onLoad="change()"> <SCRIPT language="JavaScript"> <!-- function change() { obj=document.getElementById("image"); today = new Date(); Mon = today.getMonth()+1; Day = today.getDate(); if (Mon == 1) { if (Day == 1) { obj.src = "./newyear.gif"; } } if (Mon == 2) { if (Day == 14) { obj.src = "./valentine.gif"; } } if (Mon == 12) { if (Day == 24) { obj.src = "./christmas.gif"; } } } // --> </SCRIPT> <img src="./kihon.gif" name="image"> 年度指定も入れるのであれば Year = today.getFullYear(); を『Mon = today.getMonth()+1;』の上に付け加えて if(Year == 2007) { if (Mon == 1) { if (Day == 1) { obj.src = "./newyear.gif"; } } } という風にしてください

yayaka
質問者

お礼

上手く行きました！！ 教えてくださってありがとうございます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • ANASTASIAK
  • ベストアンサー率19% (658/3306)
回答No.1

ここにあります。 http://okwave.jp/qa2407292.html テキストを画像に差し替えるだけです。

yayaka
質問者

お礼

早々の回答ありがとうございます。 先ほど、以下のようにソースに書いて実行してみました。 <SCRIPT LANGUAGE="JavaScript"> nowDt = new Date(); YY = nowDt.getFullYear(); MM = nowDt.getMonth() + 1; DD = nowDt.getDate(); if(YY == 2007){ 　　if(MM == 2){ 　　　　if(DD == 18){ 　　　　　　document.write("<img src=1.jpg>"); 　　　　} 　　} } </SCRIPT> 上手いこと『1.jpg』の画像が出てきて、日にちを『１９』に変更すると画像が消えました。（javaについての知識はほぼありませんので、文法等間違っていたらご指摘ください） 上手くいったのですが、この場合、該当の日にちに相当しない場合に別の画像を表示するにはどうすればいいのでしょうか？

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptを使用せず画像をランダムに表示したい

    はじめまして。 私は、Php NukeというCMSを利用してサイトを運営しております。 Php Nukeでは、HTMLを利用してページを表示できるのですが、画像をランダムに表示させたいのですが、 JavaScriptは無効のようで、できません。 つきましては、JavaScriptなしでHTMLに書き込むような形で画像をランダムに表示させたいのです。（またその画像にリンクも貼れればと思います） 或いは、JavaScriptを有効にするように設定？変更ができても可です。 どなたかお知恵をお貸しいただけないでしょうか？ よろしくお願いいたします。

  • JavaScriptを使って日を追うごとに画像を入れかえるには・・・

    JavaScriptを使ってこんなことができるのでしょうか？ 例）ある会場におけるイベントの告知 　5月10日　×××コンサート（19時～22時） 　5月14日　自動車ショー（13時～19時） 　5月20日　就職合同説明会　（10時～18時） というスケジュールがあったと仮定します。この告知用画像をそれぞれ150×150pixelで作っています。そこでWebサイトのトップページにこの会場で次に行われる行事の告知（告知用画像）を入れたいと思います。これを自動でやりたいと考えていて、上の例でいうと (1)5月10日22時まではコンサートの告知が表示されるようにしていて (2)22時以降～5月14日19時までにこのページを見ると自動的に自動車ショーの告知画像に変わって、 (3)さらに5月14日19時以降は就職合同説明会の告知画像に変わる といったしくみをJavaScriptで作りたいのですが・・・ これってSSI（SSIをつかってCGIを作動させる）を使えば簡単にやれると思うのですが、トップページに採用するとなると、サーバーへの負担が大きいと思い、JavaScriptに解決策を求めたのですが、イマイチうまく作れません。時間ごとのメッセージ変更ではなく月・日・時といった要素が入ってきます。参考になるサンプルスクリプトでも構いませんので教えてください。

  • livedoorブログ　タイトル画像の変更の仕方

    最近livedoorでblogを始めました。いろいろな方（特に芸能人）のblogを見ていると、一番上にあるタイトルが表示されている部分に自分の画像などを置いて、そこにトップページをリンクさせているっていうような感じになっているんですが、どこをどういじっていいのかわかりません。そうすれば自分の好きな画像にすることができ、なおかつそこにトップページのリンクをさせることができるのでしょうか？

  • 画像をクリックしてディレクトリを変更したい

    Javascriptの知識はまったくないのですが、日本語のページと英語のページを双方行き来出来るようにしようと、色々調べて以下を使うと出来るという所まで辿り着きました。 <span id="link">(※)</span> <script language="JavaScript"><!-- url=window.location+""; url=url.replace("http://aaaaaaa.com/","http://aaaaaaa.com/en/"); document.getElementById("link").innerHTML="<a href=\""+url+"\">英語ページへ</a>"; --> </script> このままだと希望通りの動きをするのですが、これの「英語ページへ」の部分を画像にすると、画像は表示されず、Javascriptをオフの時に表示させるメッセージ部分が表示されてしまいます。 テキスト部分を以下に置き換えましたがダメでした。 <img src="http://aaaaaaa.com/images/language/jp.png"/> どうすれば画像を表示し、クリックしてディレクトリを移動する事が出来るのでしょうか？ よろしくお願いいたします。

  • javascriptで毎月替わる画像

    トップページで月ごとに写真画像を入替えたいんです。 12枚ある写真画像が、毎月勝手に替わるためのjavascriptを教えてください。 （参考になるサイトでも構いません。） javascriptに関しては転用することしかできません。 よろしくお願いいたします。

  • 画像をポイントすると別の画像が表示される方法を教えてください。

    JavaScriptのページを調べてみたのですが有効な方法がないので 教えてください。よろしくお願いします。 例えば、TOPなどの画像をポイントすると、違う画像が表示され、 ポイントをはずすとまた最初の画像が表示されるようにする方法は ありますでしょうか。 ご存知の方がいらっしゃいましたら、回答をお待ちしております。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • javascriptで画像表示変更が出来ない

    ＨＴＭＬページで、javascriptを使ってそのページにアクセスするたびに、画像が変更させているのですが、ときどき画像が表示されません。 ソースは下記です。 画像が落ちないようにする方法はないのでしょうか？ 宜しくお願いします。 <script type="text/javascript"><!-- var imglist2 = [ [ "topimg/top-e001.jpg", "http://www.～.html" , "○○○"] , [ "topimg/top-e002.jpg", "http://www.～.html" , "○○○"] , [ "topimg/top-e003.jpg", "http://www.～.html" , "○○○"] , ]; function RandomImageLink2() { var selectnum = Math.floor(Math.random() * imglist2.length); var output = '<a href="' + imglist2[selectnum][1] + '" target="_blank">' + '<img src="' + imglist2[selectnum][0] + '"' + ' alt="' + imglist2[selectnum][2] + '">' + '</a>'; document.write(output); } //--></script>

  • クリッカブルマップの部分的な画像の入れ替え

    HTMLの頁に大きな一枚の画像を貼り付け、クリッカブルマップで７か所にリンクボタンを作りました。マウスがリンクボタン上に来た時、そのボタンエリアにだけ違う画像を表示したいのですが、どなたかお教え願えないでしょうか？当方javascriptは初心者です。よろしくお願いします。

    • ベストアンサー
    • HTML
  • オンクリックで画像とテキストの指定位置表示について

    フレームを使用してサムネイルをクリックしてメイン部分に拡大画像を表示しています。 また同時に、メインページにおいて、画像表示ごとに「次の画像」「前の画像」「TOPに戻る」リンクを張っています。 この場合、メインに表示させるhtmlファイルを画像枚数分作成する必要があります。 そこでこれをノーフレーム版で、かつ１枚のhtmlシートで作れればいいのですが、javascriptの変数(?)などを使って可能でしょうか。 画像は100枚くらい存在するものとし、ファイルNoにより区分しています。 なお当方javascriptの知識はありません。 これに類するもので lightbox Plus （lightboxの拡張版） http://serennz.sakura.ne.jp/toybox/lightbox/​ があって、画像内にページ送りのアイコンが表示されるようになっていてこれでもいいのですが、このアイコンの表示が画像表示のあと少しタイムラグがあるため、javascript等で作れないものかと考えてます。 よろしくお願いします。

  • マウスオーバーイベントで画像表示

    こんにちわ。 JavaScriptについて質問があります。 あるリンクの上にマウスを重ねると、テーブルのある場所にイメージを表示させることはJavaScriptで可能でしょうか？ やりたい事としては、リンク部分にマウスを重ねると、そのリンクの説明を記した画像をテーブル中に表示させたいと思ってます。 ネットを探しまくったのですが、参考になりそうなページが無かったので質問してみました。 参考になるページでも構いませんので、知っている方がいらっしゃったら宜しくお願いします。

スマホ写真のプリンタでの印書きに関するお困りごと
このQ&Aのポイント
  • ブラザースマホプリントを使って無線LANでスマホとプリンターを接続しようと試行していますが、接続できません。説明内容が理解できず困っています。
  • Windows10とAndroid8.1.0の環境で、無線LANで接続しています。
  • 関連するソフトやアプリがわからないため、トラブルの原因を特定することができません。また、電話回線はひかり回線を使用しています。
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する