- 締切済み
「画像を一定時間ごとに切り替えていくJavascriptスクリプト」
「画像を一定時間ごとに切り替えていくJavascriptスクリプト」 TOPページの画像を１時間ごと（getHoursを使ってだと思うのですが）に切り替えるよう試行錯誤しています。 画像が外部サイトにある場合どのようなスクリプトを書けば良いでしょうか？ 初歩的な質問で申し訳ありませんが、アドバイスお願いします。
- nrp141
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数8
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- JaneDue
- ベストアンサー率75% (263/350)
同じページを一時間も見ている人はいないと思うので、「時刻によって切り替える」ということでしょうか? 難しく考える必要はないですよ。画像を http://～ と絶対パスで指定してやるだけです。 //時刻を取得 //画像名生成 var imgURI= "http://example.com/img" + hour + ".jpg"; 等 //書き出し document.write("<img src=" + imgURI +">"); あるいはIDつきのimgタグでデフォルトの画像を表示させておいて document.getElementById('ID').src= imgURI; としてもよいでしょう。 getHours()まで来ていますから、あと2～3行です。頑張ってください。
関連するQ&A
- 画像を一定時間ごとに切り替えていくスクリプト
表題どおりなのですが、ホームページのＴＯＰに画像を表示したくて色々試行錯誤中です。 希望は、a.jpg→b.jpg→c.jpgのフェードインフェードアウトを繰り返すといったような単純なものですが、 各画像を15秒ごととか決まった時間で自動的に切り替えていくには、どのようなスクリプトを書けば良いでしょうか？ 初歩的な質問で申し訳ありませんが、アドバイスお願いします。 Flash8
- ベストアンサー
- Flash
- 基準の日時を設定して一定時間で画像を入れ替えるスクリプト
JavaScriptで一定時間ごとに画像を入れ替えるスクリプトはよくサンプルを見掛けるのですが、これに基準時刻を設けたサンプルをご存知ないでしょうか？ たとえば、10枚の画像（01.jpg～10.jpg）を18分毎に入れ替えます。 しかし、仮に2007年9月1日の午前1時～1時18分は02.jpgが表示されなければならないとすると、そのような基準の日時を設定しなくてはならないと思います。 このようなスクリプトをご存知でしたらぜひ教えてください。
- 締切済み
- JavaScript
- 一定時間で変わる画像・・・
javaScriptで一定時間で画像を更新するのを作ったのですが、ＨＰを表示する時「セキュリティ保護のため・・・」という情報バーが出てきます。 広告画像などで一定時間で画像が変わるものもＨＰにあるのですが、その場合は情報バーは出ません。 何故でしょう？ javaScriptで作った場合は絶対にこの情報バーが出てしますのですか？
- 締切済み
- JavaScript
- 初めまして、CGI(DataBase)とJavaScriptを組み合わ
初めまして、CGI(DataBase)とJavaScriptを組み合わせてサイトを作りたいと思い試行錯誤しています。 質問の内容はDataBase(cgi)に登録するとユーザー名とメールアドレスがcookieに書き込まれるのでトップページにアクセスしたらJavaScriptでユーザー名を表示させることは可能でしょうか？ 可能ならどうしたら良いのかアドバイスを頂けないでしょうか？ どうか宜しくお願い致します。
- 締切済み
- JavaScript
- javascriptを使わずにｈｔｍｌだけで一定時間経過すると画像が入替わる方法をおしえてください
javascriptを使わずにｈｔｍｌだけで一定時間経過すると画像が入替わる方法をおしえてください。 ショップサイトの看板を製作中なのですが、javascriptは使用禁止になっています。看板が2秒毎くらいにコロコロ変わるものを作りたいと考えています。 なにぶん素人なもので・・・宜しくお願いしますー。
- ベストアンサー
- その他（ITシステム運用・管理）
- 一定時間がきたら表示を消したい
window.statusを使用して、一定時間がきたら表示を消すように記述するにはどうすればよろしいでしょうか？ 以下にソースを記述しています。どなたか教えてください。 <head> <script language="javascript"> <!-- function a() { window.status=new Date().getHours()+"時"+new Date().getMinutes()+"分"+new Date().getSeconds()+"秒"; b=setTimeout("a()",500); } //--> </script> </head> <body onLoad="a()"> </body>
- ベストアンサー
- JavaScript
- 指定時間経過後に画像を一定時間で切替
Javascriptで指定時間経過後に画像を一定時間で切替したいと思っています。 一定時間の画像切替は以下のように実現しています。このJavascriptにさらに”指定時間経過後”という条件を付けたいのですがどうしたらよいでしょうか？ ■Javascript <script> $(document).ready(function(){ $('.slideImg img:gt(0)').hide(); setInterval(function() { $('.slideImg :first-child').fadeOut(3000).next('img').fadeIn(3000).end().appendTo('.slideImg '); },5000); }); </script> ■HTML <div class="slideImg "> <img src="img1.jpg" alt="" /> <img src="img2.jpg" alt="" /> <img src="img3.jpg" alt="" /> </div> ■CSS .slideImg{ position:relative; width: 100px; height: 100px; } .slideImg img{ position:absolute; left:0; top:0; }
- ベストアンサー
- JavaScript
- 一定時間がきたら表示を消すようにしたい
window.statusを使用して、一定時間がきたら表示を消すように記述するにはどうすればよろしいでしょうか？ 以下にソースを記述しています。どなたか修正してください。 <head> <script language="javascript"> <!-- function a() { window.status=new Date().getHours()+"時"+new Date().getMinutes()+"分"+new Date().getSeconds()+"秒"; b=setTimeout("a()",500); } //--> </script> </head> <body onLoad="a()"> </body>
- ベストアンサー
- JavaScript
- Java Scriptの件で質問をさせて頂きます。よろしくお願いいたし
Java Scriptの件で質問をさせて頂きます。よろしくお願いいたします。 よく、ホームページの一番下に「このページのトップへ」とか「ＨＯＭＥ」などとあり、それをクリックすると、当該のページの一番上まで行くものがありますが、あれはJava Scriptを使っているのでしょうか ？私としては、出来るかどうかは不明なのですが、Java Scriptをcssのような感じで外部ファイルにして「このページのトップへ」を作成したいと考えております。どなた様かご指導のほどよろしくお願いいたします。 また、「このページのトップへ」にやはり何らかのリンクを張るのだと思いますが、その点に付きましてもご指導をどうかよろしくお願いいたします。 また、話は少し変わってしまうのですが、ロールオーバーをホームページの上部に横に並べて表示させたいのですが、このようなこともJava Scriptで出来るのでしょうか？現在はcssで試行錯誤している最中ですが、Java Scriptでも可能ならとも考え合わせてご質問をさせて頂きました。 どなた様か、ご指導のほどよろしくお願いいたします。
- ベストアンサー
- JavaScript
