ベストアンサー ※ ChatGPTを利用し、要約された質問です(原文:時間ごと(分ごと)の画像変更の方法を教えてください) 時間ごとの画像変更方法|質問文章 2009/06/15 22:21 このQ&Aのポイント ホームページに公開している風景写真を、時間ごとに変更して表示させたい方法を教えてください。時間/曜日ごとの変更やミリ秒単位の指定など、検索したが理想的なプラグインが見つからず困っています。「分ごとの画像変更方法」で解決策があれば教えてください。お願いします。 時間ごと(分ごと)の画像変更の方法を教えてください ホームページに公開している風景写真を、時間ごとに変更して表示させたいと考えております。 写真の関連性(順番)の関係で、ある時間帯を10分ごとに変更したいのですが、「分ごとの画像変更方法」をご指南下さい。 JavaScriptでは『時間/曜日ごと』の変更しか見つかりませんでした。 他にも『ミリ秒単位なので秒数×1000で指定』というJavaScriptがあったのですが、この方法で数時間のものを作るのは難しいだろうかと二の足を踏んでおります。 実は、プラグインで理想的なものを見つけましたが(http://dpura.web6.jp/dc/index.php?imgchanger1 )DLページがなくなっておりました。 検索を重ねたところ、上記のものを改定したプラグインがあったのですが、(http://www.a-kojima.net/set/index.php?%C4%C9%B2%C3%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3)こちらはDLしたところ、ファイルが文字化けしており読むことができませんでした。 (ウィルスなどではなく、これはわたしのPCの読み取りが合わないのかもしれません) 「分ごとの画像変更方法」でよい解決策がありましたらどうぞ教えてください。 ご意見だけでも構いませんので、何卒よろしくお願い致します。 質問の原文を閉じる 質問の原文を表示する みんなの回答 (1) 専門家の回答 質問者が選んだベストアンサー ベストアンサー ska33 ベストアンサー率48% (13/27) 2009/06/16 00:12 回答No.1 こんばんわ。 私もインターネット・ブラウザ上で ライブカメラ映像を自動更新するプログラムを構築しようと考えており、同じ疑問を持っていました。 過去に製作したホームページのファイルを調べたところ、 自動更新するscriptを使っている箇所を発見したので、参考まで示します。 下記URLを参照下さい。 10秒ごとにブラウザーが更新されます。 TEXTエディタを利用してソースコードを確認頂き、宜しければ役立てて下さい。 自動更新のキーとなるソースコードは下記です。 <META HTTP-EQUIV=”Refresh” CONTENT=”10”> ※あえて全角で記述しました。 すばらしいホームページを製作して下さいね。 以上です。 参考URL: http://www.geocities.jp/kaz_inoschevich/index.html 質問者 お礼 2009/06/16 16:55 解決いたしました!! ska33様に教えていただいた「キー」がとても参考になりました。 素早いご回答に感謝いたします。 どうも有り難うございました!! 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ インターネット・Webサービスその他(インターネット・Webサービス) 関連するQ&A リンク付画像を所定の時間に切り替える方法 はじめて質問します。よろしくお願いします。 JavaScriptを使ってリンク付の画像を所定の時間に切り替える方法を教えてください。 具体的には 10:00~11:30 は A.jpg を表示。 クリックすると A.dpl というプレイリストを実行。 11:30~15:00 は B.jpg を表示。 クリックすると B.dpl というプレイリストを実行。 15:00~19:00 は C.jpg を表示。 クリックすると C.dpl というプレイリストを実行。 19:00~22:00 は D.jpg を表示。 クリックすると D.dpl というプレイリストを実行。 この時間、画像、リンクは後々変更したいので変更箇所が少なくすむ管理しやすいものにしたいです。 また、これとは別で画像はA.jpgのみでリンクだけを時間によって変えるということは可能でしょうか? すみませんが、ご教授お願いします。 javascript マウスオーバーでほかの画像を変更 はじめまして javascriptについておしえてください ホームページ内に下記のように 2枚の画像があるとします A B このうち、Aの画像に対しマウスオーバーをしたときに、 Bの画像が、Cに変更するという記述は可能でしょうか? よろしく願いします DLしたファイルの文字化けについて こちらのサイトで、使用したいプラグインがあり、『update01.zip』というフォルダをDLしました。 http://www.a-kojima.net/set/index.php?%C4%C9%B2%C3%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3 ところが解凍してみると、中の「プラグインアップデート.txt」が文字化けしてしまっていて説明を読むことができません。 同梱されていた.phpもワードパットで開いてみたのですが文字化けしています。 (フォルダ名・ファイル名は異常ないようです) サイトの管理人さんに問い合わせようかと思ったのですが、メールがわからず、またBBSもパスワード制で連絡が取れないようです。 文字化けしているファイルを正しく読む方法はないでしょうか。 関係ないかもしれませんが、IE7に変えてからエンコードが日本語自動選択(JIS)からUnicodeに変わっています。 自動選択(JIS)では文字化けしてしまい、(EUC)では画面が真っ白になります。 文字化けと関係あるでしょうか。 突然のトラブル?プリンター・メール・LINE編 OKWAVE コラム Javascriptで指定した日付と時間に画像を入れ替える方法 Javascriptで指定した日付と時間に画像を入れ替える方法 WEBページ上のある画像を、指定した日付と時間に画像を入れ替える方法がわかりません。 ちなみに日付と時間はサーバー上のデータを取得したいと考えています。 例えば、10:00に「画像A」から「画像B」に切り替える。という感じです。 どのように書けばいいのか、ご指導よろしくお願い致します。 ランダムに変わる画像の上に画像を載せる いつもお世話になっています。 添付のように画像が表示されるページを作りたいです。 ・画像A=更新するとランダムに画像が変わる ・画像B=固定 ・画像C=固定 単にAとBだけならAをjavascriptで動かしたことがあるのですが、今回AとBの上にCが重なる形なのでどうすればいいのか悩んでいます。 Aは写真なので、単にCをAとBの境界線で分割するとうまくいきません。 お知恵をおかりできれば幸いです。 補足説明が必要でしたらご指示いただけますでしょうか。 よろしくお願いいたします。 時間ごとにリンク先を変更させたい こんばんは。 JavaScriptを使って時間ごとにリンク先を変更させたいと思ってます。 変更する時間は、 8:00~24:00は、a.htmlへ 24:00~8:00は、b.htmlへ 毎月第2金曜日17:30~21:00は、b.htmlへ です。 ソースなど探してみましたが、時間のみの指定だけで、 曜日の指定方法などがわかりません。 ご存知の方がおりましたらソースを教えていただけると幸いです。 宜しくお願い致します。 オンマウスで画像変更(CSS) リンク画像にカーソルを乗せると画像が変わる、というものをやりたいのです。 シンプルに記述できる分JavaScriptよりもCSSの方がいいのかなと思ったのですが、 CSSだとimgタグではなくbackgroundを入れ替える形になり、 そうするとaタグでテキストを使い、そのテキストを隠さなければいけません。 display:none;やtext-indent:-9999px;は使いたくないのですが、 他の方法はありますか? また、こういうオンマウスで画像変更ってJavaScriptとCSSどちらが主流なのでしょうか? よろしくお願いします。 フレームセットのリンクを変更するCGI フレームセットを利用していると直リンクされると、レイアウトが崩れて嫌なので普段はJavaScriptで <body onLoad="if (top == self) { location.replace('index.html') };"> このタグで強制的にフレームセットのページであるindex.htmlにリロードしています。 でも、この場合だとindex.htmlにフレーム設定をしているA.htmlとB.htmlしか表示できません。 これを、直リンクされた場合に強制的にindex.htmlに飛んで、さらにフレームセットのページをA.htmlとC.html(直リンクされたページ)に変更させたいのです。 index.htmlを表示させた後、C.html(直リンクされたページ)のアドレスを取得してフレームセットを書き直すCGIなのだと思いますが、このようなCGIのフリーなどありましたら教えてください。 JavaScriptとCGIの混合技らしいので、JavaScriptカテゴリにも書き込んでおります。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=745359 エクセルでの経過時間の分計算。 エクセルでの経過時間の分計算。 よろしくお願いします。セル内に”0900”と入力すれば、”=NOW()”関数式で表示されている現在時間からの経過した分を表示できないか考えています。何か良い方法が分かる方がいれば、よろしくお願いします。 例) A B C 1 10:05:39 0900 65 2 3 A1"=NOW()" B1"0900と入力" C1"経過分時間65を表示" インラインフレームから別フレームの背景画像変更 ○ページの構造 親ページ ├フレームA └フレームB - インラインフレームC ○インラインフレームC内ページ <script type="text/javascript"> <!-- function bgchange(bgname) { parent.A.document.body.background = bgname; } // --> </script> <span onclick='bgchange("img.gif");return false'>背景画像変更!</span> * インラインフレーム内の「背景画像変更!」クリックでAフレームの背景画像が変わるようにしたいのですが、 上のスクリプトだとAB間、B→C、でしか機能しません。どなたか手直しをして頂けないでしょうか? エクセル 〇〇まであと〇日〇時間〇分 エクセルで〇〇まであと〇日〇時間〇分を計算して表示してくれる方法はありますでしょうか。 たとえば 死ぬまであと〇日〇時間〇分 A1に2060/6/13 0:00 死亡日 B1に2014/8/29 12:02 現在 C1に〇日〇時間〇分 という感じです ちなみに2010のものを使っています 初心者ですのでどこに何をいれるのか教えていただけるとありがたいです。 複数のフォルダに入っている画像をインデックス印刷する方法 複数のフォルダに入っている画像をインデックス印刷する方法 複数のフォルダに入っている画像を、一括してインデックス印刷したいのですが、よいソフトや方法はありませんか?VIXを使用したのですが、フォルダ毎になってしまって都合が悪いのです。 【例】 Aフォルダ(画像20枚)Bフォルダ(画像5枚)Cフォルダ(画像7枚)として、A・B・Cのフォルダ内全て32枚の画像を一括してA4サイズにインデックス印刷したいのです。各画像にはフォルダ名と画像名を表示させて印刷。 一つのフォルダに画像をまとめて印刷すればいいのですが、フォルダ名で管理しているので、都合が悪いのです。 または、各フォルダに入っている画像の名前を一括して「フォルダ名+画像名」に変換できれば、一つのフォルダにまとめて、インデックス印刷すれば用途はすむのでそちらでも構いません。 ご存知の方宜しくお願いいたします。 ネットオークションのやり方教えて?:初心者から上級者へ、信頼と高値売却の秘訣 OKWAVE コラム 1つのファイルで画像をクリックしたら差し代わる方法 表題のようにJavascriptで1つのhtmlファイルで複数の箇所に違う画像があり、それをクリックしたら別の画像に差し代わるということをしたいのですが、中々うまくいかずに困ってしまっています。 下記のようなソースになった場合にそれぞれ別の画像でクリックしたら違う画像に差し替えるには関数等の書き方はどのようにすれば宜しいのでしょうか。 どなたか教えてもらえますでしょうか? Javascript初心者にて失礼しますm(_ _)m 下記に途中までやったソースがあるのですが、行き詰ってしまってます。。。。。 宜しくお願い致します。m(_ _)m m(_ _)m ・・・・・・・・・・・・・ JavaScriptは下記の通りです。 //1つ目の画像に関係するJavaScriptです <script language="JavaScript"> num = 2; nme = "image/index"; exp = "jpg"; cnt = 0; function changeImage() { cnt++; cnt %= num; document.index.src = nme + cnt + "." + exp; } </script> //2つ目の画像に関係するJavaScriptです <script language="JavaScript"> num = 2; nme = "image/img"; exp = "jpg"; cnt = 0; function changeImg() { cnt++; cnt %= num; document.img.src = nme + cnt + "." + exp; } </script> htmlは下記の通りです。 <!--1つ目の画像です--> <a href="JavaScript:changeImage()"> <img src="image/index0.jpg" name="index" border="0"></a> <!--2つ目の画像です--> <a href="JavaScript:changeImg()"> <img src="image/img0.jpg" name="img" border="0"></a> テキストファイルやcsvファイルで読み込んだデータを使ってjavascriptで処理する方法 javascript初心者です。 いろいろと調べたのですが、イマイチよく分からないので質問させてください。 テキストファイルやcsvファイルを読み込んで、 javascriptで判定処理をしたいと思います。 例えば、 A地区,1 B地区,0 C地区,4 ・・・ といったデータを読み込んで、 javascriptで「0なら○地区には画像Aを表示、 それ以外なら○地区には画像Bを表示する」 という形で処理したいです。 でも、 ・どうやってファイルを読み込むのか ・読み込んだデータをどのようにして配列へ入れるのか がよく分からないです。 これらのページ 「http://q.hatena.ne.jp/1195740627」 「http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/002/index.html」 のような方法を参考にすれば実現可能なのでしょうか。 ポストペットのDLに時間がかかります ポストペットのプラグインをDLするのに信じられない程時間が掛かります。 購入ボタンを押して数分~十数分、 DLボタンを押して数分~十数分、 時にはエラーが出て一からやり直しです。 あまりの長時間でちょっとツライです(×_×;) 皆さんは時間がかかりませんか? フリーソフトとかは時間がかかりません。 ポンポンと早くなる方法とかないでしょうか? 給料の時間超過分の計算方法の関数 Aのセルが80時間を超えた場合はBのセルには80:00の値が表示され、Cのセルには 80時間を越えた差額分の値を表示させるにはどのような関数入力になりますか? ただし、Aのセルが80時間以内であればBのセルにはそのままAの値が入り、Cのセルは0:00 の値が表示される。 例) Aのセル88:54と言う値の場合はBのセルに80:00、Cのセルには08:54となり、 Aのセルが78:00の場合はBのセルは78:00と同値、Cのセルは0:00となります。 画像の有無の判定 こんばんは。 どうしてもできなくて困っています。 過去の質問を遡ってみたのですが、 同じようなものがなかったので質問させていただきます。 (過去に同じ質問があったらすみません。) タイトルのとおりなんですが、 AとBの2枚の画像があるとします。 index.html内にアクセスしたときに、 基本的にはAを表示させて、もし画像Aがみつからなかったら 画像Bを表示するようにしたいのですが… javascriptをはじめたばかりでして何もできない状態です。 画像Aを表示 else画像Bを表示 のような命令になると思うのですが、 どなたかご教授して頂けませんでしょうか。 基礎のない状態ですといきなりこういったものを 作るとなると厳しいものがありまして。。 宜しくお願い致します。 画像を入れ替える方法 ホームページで、画像をクリックしたら、その画像だけが入れ替わるようにしたいと思っています。 A.html というファイルの中に、b.jpg という画像があるとします。その画像をクリックしたら、c.jpg に入れ替わるようにしたいのですが、たとえば、直接、c.jpg にリンクすると、その画像だけが表示されてしまいます。かといって、新しくC.htmlというファイルを作って、その中にc.jpgを入れておくと、画面が変ってしまいます。 また、カーソルが触れると画像が入れ替わるようなことも出来るようですが、できればクリックして初めて画像が変るようにしたいのです。 iframe も考えましたが、画像の大きさが違うとうまくいかないと思いますし、もっとなにかいい方法があれば教えてください。 一定時間で画像を変更するスクリプトの関数について javascript初心者です。 ↓下記のように画像がsetTimeoutで切り替わるスクリプトを書いているのですが、 http://foofoo77.web.fc2.com/imagechange/index6b.html このページの記述では、後読みの方の右側は動いているのですが、左側は動きません。 この処理を同一ページ内の二箇所でしたいのですが、どのようにすればいいでしょうか? 制約としては 二箇所を同じ関数を使ってそれぞれ違う引数を与えるのみで動かさなければなりません。 画像を変更する要素のidの値を引数としています。 同一関数を使って二箇所を処理するのは無理なのでしょうか? ソースは下記のようになります(上部URLと同じものです)。 お分かりになる方いらっしゃいましたら、ご回答よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>一定時間で変わる画像</title> <script type="text/javascript"> <!-- //画像プリロード var j=1; function preLoad(ch) { c = ch; animeImg = new Array(); for (i=1;i<6;i++){ animeImg[i]=new Image(); animeImg[i].src="images/"+c + i + ".gif"; }; } //時間制御 wait = new Array( 3000, 3000, 3000, 500, 500, 500, 500, 500, 3000 ); var fnum=0; //表示画像制御 function change(ch) { var obj = document.getElementById(ch); obj.src=animeImg[j].src; j++; if (j>5){ j=1; } if(fnum<4){ fnum++; } else { fnum=0; } wtime=wait[fnum]; //console.log(wtime); setTimeout("change(b)",wtime); b = ch; } //--> </script> </head> <body> <img src="images/image1.gif" name="animation" height="500" width="500" id="bb"> <script type="text/javascript"> preLoad('image'); change('bb'); </script> <img src="images/imageb1.gif" name="animation" height="500" width="500" id="cc"> <script type="text/javascript"> preLoad('imageb'); change('cc'); </script> </body> </html> 時間の計算 残業時間の合計をExcelで求めたいと思っています。 例えばA1に1時間20分、B1に2時間10分と記入して C1にA1とB1を合計した3時間30分と表示させたいです。 普通に入力して足し算をしたのではC1の値が0になってしまいます。 うまく表示させる方法があったら教えてください。 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ インターネット・Webサービス ブラウザ ネットショッピング・通販 SNS・掲示板・ブログ Webサービス・アプリ メールサービス・ソフト ポイントサービス セキュリティ対策・ネットトラブル インターネット接続・通信 その他(インターネット・Webサービス) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
解決いたしました!! ska33様に教えていただいた「キー」がとても参考になりました。 素早いご回答に感謝いたします。 どうも有り難うございました!!