- 締切済み
曜日と時間を指定して表示画像を切り替える
JavaScriptの組み合わせになるかとは思うのですが。 例えば「月曜日の7:00-8:00」はimg01.gifで、それ以外の時間はimg02.gifとなるように するには、どのようなスクリプトを打てばいいのでしょうか? ググってみて参考になりそうなサイトを見つけたのですが・・・うまく組み合わせることができません。 また、日付指定を利用して1年分もしくは1ヶ月分書いてもできるとは思うのですが、 出来れば軽さを考慮して曜日指定にしたいと思っています。 以下のサイト以外の方法以外でも結構ですので、よろしくお願いいたします。 「画像の自動差し替え(No.2回答補足)」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=551922 「サンプル16」 http://www.usagi-js.com/sample/jssample2.htm 「指定した日付で画像を切り替え」 http://www2s.biglobe.ne.jp/~Hiro/js/GraphicChangerByDate.html ※
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- kazu_cinema
- ベストアンサー率30% (4/13)
関連するQ&A
- 本日の日付け表示で「年」「月」「日」も画像にしたい
http://www.usagi-js.com/sample/sample1/sample38.htm このサンプルで、「年」「月」「日」(「曜日」は省きたい)も画像で表示できますか? よろしくお願いします。
- ベストアンサー
- JavaScript
- 指定した「曜日」の「時刻」に違うHTMLを表示させるプログラム
いつもお世話になっております。 指定した「時刻」または「曜日」または「日付」に 違うHTMLを表示させるプログラムならば ↓のサンプルプログラム「時計」の5.で出来るのですが http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm これを欲張って 指定した「曜日のさらに違う時刻」に 表示させるプログラムは無いでしょうか。 じっくり勉強する時間はないので フリーのサンプルプログラムや 上記の改造方法を教えていただければ 本当に助かります・・・ よろしくお願いします m(_)m
- ベストアンサー
- JavaScript
- CSSでの画像指定について。
CSSでの画像指定について。 ファイルパスの指定について教えてください。 フォルダ1の中に「sample.html」、「sample.css」、「img」フォルダが入っており、 「img」フォルダの中に、「nature_01.gif」が入っています(下図)。 -------------------------------------------------------------------------- フォルダ1 L sample.html L sample.css L img(フォルダ) img(フォルダ) L nature_01.gif ---------------------------------------------------------------------------- このファイル構成だと、sample.css の中で 『background-image:url(/img/nature_01.gif)』のようにパスを指定すれば良い と理解していたのですが、背景に画像が表示されませんでした。 その後、下記のように修正すると、画像が表示されるようになりました。 firefox3.5 →修正後は画像が表示される。 Internet explore 8 →修正前、修正後ともに表示されない。 ----------------------------------------------------------------------- 【修正前】 #contents{ width:750px; background-image:url(/img/nature_01.gif); 【修正後】 #contents{ width:750px; background-image:url(../img/nature_01.gif); ------------------------------------------------------------------------ OS・・・windows xp なぜ、こうなるのか、わかるかたがいましたら教えてください。 よろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- 決まった曜日で一定時間だけ表示画像を切替えたい
ホームページ内の一部で、 曜日指定で一定時間だけ表示画像を切替えたいのですが、 日付指定で変わるものばかりしか検索で見つけられずに困っております。 具体的には「毎週火曜日10:00~11:00」までは、自動でA画像を表示し それ以外はB画像を表示するようにしたいです。 現在は下記(日付指定で画像を変更)をなんとか変更すればできるかと思い 設置して動作させてみました。 ですが、私はJavaScriptに関して初心者なので 曜日指定と、再び元の画像表示に戻すのに どうしていいのか分かりませんでした。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - window.onload = changeDisplay; function changeDisplay(){ var objDate = new Date(); var now = objDate.getTime();//現在のタイムスタンプ(ミリ秒)を取得 var changeTime = new Date("Jan 1, 2011 00:00:00");//切り替える日時のタイムスタンプ(ミリ秒)を取得 //切り替え前 if (now < changeTime) { document.getElementById('hoge').style.display = "block"; document.getElementById('hoge2').style.display = "none"; setTimeout("changeDisplay()", 1000);//1秒ごとに実行(◯秒ごとの場合は、第2引数に 「◯ * 1000」 と記述) //切り替え後 } else { document.getElementById('hoge').style.display = "none"; document.getElementById('hoge2').style.display = "block"; } } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 参考サイト http://blog.aidream.jp/javascript/javascript-timed-display-change-402.html これを、どう変更すればよいのでしょうか? またあるいは、別によい記述方法はあるのでしょうか? 下記の過去の質問も拝見してみましたが、 参考サイトのリンク先もなくなっていたりして、分かりませんでした。。。 「曜日と時間を指定して表示画像を切り替える」 http://okwave.jp/qa/q1832822.html すみませんが、よろしくお願いいたします!
- ベストアンサー
- JavaScript
- 指定の画像がでない
現在、こんな現象が起こっています。 フラグによって画像Aと画像Bを入れ替えるようなサイトをつくっています。 大半のユーザーからは正しく表示するのですが、ある一部のユーザーは画像Aの表示のままになってしまうのです。 別のブラウザ上でそのユーザーのIDを使用すると正しい表示になるのですが・・・ このような現象は何が原因で引き起こっているのでしょうか? ちなみに ○使用者のブラウザはIE6.0を使用しています。 ○画像AはGIF形式の画像を使用 ○画像BはPNG形式の画像を使用 使用しているソースのSample *************************************** <% If( Flag = true )Then %> <IMG src="画像B.png"> <% Else %> <IMG src="画像A.gif"> <% End If %> ***************************************
- ベストアンサー
- Microsoft ASP
- オンマウスで画像表示する外部スクリプトを呼び出したいのですが
お知恵をお貸し下さい。よろしくお願い致します。 「画像Aを表示」→「オンマウスで画像Bを表示」という効果を、 外部スクリプトを使ってやってみたいと思っています。 ただ外部スクリプトを読み込む時の指定方法がわかりません。 ちなみに、以下のスクリプトを外部に分けず、 <head>~</head>内に書いた時はきちんと動いておりました。 ※外部スクリプトの記述(sample.js) <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { // 設定開始 // 通常の画像 var img0 = new Image(); img0.src = "sample/sample.jpg"; // ポイント時の画像01 var img01 = new Image(); img01.src = "sample/crip/01/01.jpg"; : :(このあと02~03と画像が増える予定) : // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </SCRIPT> ========================================= ※読み込む先の記述(sample.jsは指定してあります) <a href="index.html" onMouseOver="On('img01')" onMouseOut="Off()"> <FONT SIZE="2" COLOR="indigo">【1】</font></a> 【1】の文字にマウスを持っていくと、違う場所に表示してある 画像Aが画像Bに変わるようにしたいのです。 オンマウスオーバーの指定がよくないのかと思うのですが 具体的にどこをどうしたらいいか、よろしくお願い致します。
- 締切済み
- JavaScript
- 画像が読み取れないときに別画像の表示
リモートで画像を指定した際に、読み取れない場合ローカル上のファイルから別の画像を読み込めるような方法を探しています。 たとえばhttp://*/a.gifという画像が読み込めない(404)場合、その画像をローカルの/img/a.gifから読み込むような方法です。 何か良い方法ありましたら、ご教授お願い致します。
- ベストアンサー
- CSS
- テキストエリアに画像URLを貼り付ける入力支援
簡単なCGI日記を作成してますが、この入力フォームのテキストエリアに手動で画像URLのタグを入れるのが手間なので、 ↓ サーバーにある画像一覧が別窓(違うファイルから)で表示されていて(実際には画像表示ですが・・・) <a href="sample1.gif"><img src="sample1.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> ↓ 画像をクリックするとCGIのテキストエリア内に自動で <a href="sample1.gif"><img src="sample1.gif"></a>とタグを挿入するjavascriptってサンプルになるようなものはないでしょうか?
- 締切済み
- JavaScript
- CSSで言語アイコンを指定
サイト右上に国旗画像を置き、それをクリックすると言語の切り替えができるようにするサイトを造ろうとしています。 HTMLで <ul><li><a href="#"><img src="img/gb.gif"></a></li><li><a href="#"><img src="img/fr.gif"></a></li></ul> と指定すると、HTMLファイルのディレクトリが変わると、画像の場所を指定しなければなりません。 これがわずらわしいので、CSSで画像を背景とし、文字列をスペースにすることで画像指定を一括できるようになりました。しかし、画像のサイズと、文字列のサイズをぴったりにできません。どうしたらよろしいでしょうか?
- ベストアンサー
- CSS
- IMGタグにaaa.cgiを指定して、画像を表示する方法
アクセスカウンタなどで、 <img src="aaa.cgi"> と、imgタグにcgiファイル名を指定しているのを見かけます。 おそらくこれでaaa.cgiが実行されると思いますが、 気になるのはこのタグでは実際には画像が表示されているのです。 アクセスカウンタでは「1」などの数字の画像です。 imgタグにcgiファイルを指定しておきながらgifイメージを表示するにはどのようにしたらいいのでしょうか?
- ベストアンサー
- Perl
お礼
参考になりました。ありがとうございましたmm