毎日違う画像を表示させるには

2023/08/10 21:28

このQ&Aのポイント

JavaScript初心者の方が、JavaScriptを使用して毎日24時間ごとに違う画像を表示させたいと考えています。
IEでは画像が表示されない問題が発生しており、解決方法を求めています。
どなたか、おかしいところや別のJavaScriptの記述方法について教えていただけると助かります。

ベストアンサー

毎日違う画像を表示させるには

2011/03/16 16:23

私はJavaScriptは初心者です。悩んでここに投稿させて頂きました。 JavaScriptで毎日（24時間ごとに）違う画像を表示させようと考えています。以下を実行したのですがIEだけ画像が表示されません。どなた様か、おかしいところ、また違うJavaScriptの記述でも構いません。教授いただけると幸いです。 <SCRIPT LANGUAGE=javascript>  </SCRIPT> </HEAD> <BODY LANGUAGE=javascript onload="return window_onload()"> <P><img id=img></P> </BODY>

bits0708
お礼率57% (4/7)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

yyr446
ベストアンサー率65% (870/1330)

2011/03/17 09:49 回答No.1

質問者

お礼 2011/03/17 10:39

yyr446様早速のご回答ありがとうございます！ IEもちゃんと動きました。今日提出だったので本当に助かります。ありがとうございました。

関連するQ&A

javascriptを使って画像を切り替える
javascriptを使って画像（id="chengeImg"）を切り替えたいと思っています。画像はsamp0.jpg～samp4.jpgの計5枚ただ、問題があって、画像によって移り替わる時間を変えたいんです。（一定ではない） setTimeoutの引数(time)と画像を、どう結びつければよいのかが分からず困っています。それぞれ、画像0の時は5000ミリ秒　画像1の時は4000ミリ秒画像2の時は3000ミリ秒　… と移り変わる速度を変えたいのです。一応、timeは配列がいいのかと配列にしてみましたそれが良いのかどうかも定かではないのですが… どのようにすれば、時間が一定でない画像切り替えが可能になるでしょうか？スクリプトを詳しく教えていただけると、ありがたいです。以下、javascriptの一部を記します。【js】ファイル(imagechange.js)------ window.onload=anime; var img=new Array(5); img[0]=new Image(); img[1]=new Image(); img[2]=new Image(); img[3]=new Image(); img[4]=new Image(); img[0].src="samp0.jpg"; img[1].src="samp1.jpg"; img[2].src="samp2.jpg"; img[3].src="samp3.jpg"; img[4].src="samp4.jpg"; //画像枚数 var num=0; //時間制御 time = new Array(5000, 4000, 3000, 3000, 3000); function anime(){ 　var ch = document.getElementById("changeImg"); 　ch.src=img[num].src; 　 if(num<4){ 　　 num++; 　 }else{ 　　 num=0; 　 } 　 setTimeout("anime()",time); } 【html】ファイル-------- <head> <title>画像切り替え</title> <script type="text/javascript" src="imagechange.js"</script> </head> <body> <p><img src="samp0.jpg" width="700" height="200" id="chengeImg"></p> </body> </html> 以上となります。詳しい方、ぜひ教えてくださいませ。どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
HTML5での画像表示について
HTML５を勉強しはじめたばかりの者です。 http://nigohiroki.hatenablog.com/entry/2013/01/04/025502 ここのサイトみながらラインと四角を表示することはできたのですが、画像を表示することができません。 <!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8"> <title>canvasApp</title> </head> <body onload="init()"> <canvas id="first" width="200" height="200"></canvas> <script type="text/javascript"> var canvas = document.getElementById('first'); var ctx = canvas.getContext('2d'); function init(){ var img = new Image(); img.src = "01.jpg"; ctx.drawImage(img, 100, 100, 200, 200); } </script> </body> </html> どこがおかしいのかさっぱりわかりません。試しに</body>の前に<img src="01.jpg">と入れるとなぜか表示できるのですが、外すと表示できなくなります。よろしくお願いします。
- ベストアンサー
- HTML
画像切り換えでTransitionをかけたい。
フリーソースでの応用なのですが次のJavaScriptで画像の自動切り換え表示に Transitionをかけたいのですが、知識がなくてわかりません。アドバイスをお願いいたします。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function viewSource(){ location = "view-source:" + window.location; } </SCRIPT> ----------- <BODY onload="setTimeout('timer()', 2000);"> <IMG SRC="photo1.jpg" NAME="img"> -----------
- 締切済み
- JavaScript
効果付きの画像変化
画像を効果を付けて変化をさせて、三回変化したら、変化を終了させたいんですけど、下の記述に何を加えたら良いか分かりましたら教えて下さい。お願いします。 img#img1 { filter: progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2.0); } --> </style> <script language="JavaScript">  </script> <script type="text/javascript">  </script> </head> <body onload="setTimeout('transImage2()', 4000);"> <table> <tr> <td> <img name="img1" id="img1" src="aki1.jpg" width="240" height="180" alt=""> </td> </body>
- ベストアンサー
- JavaScript
アクセス毎に画像を順番に表示したい
お世話になります。こちら（http://oshiete1.goo.ne.jp/qa2200463.html）の質問・解答を元に、 Javascriptでアクセス毎（更新毎）に5枚の画像を順番に表示する事が出来たのですが、ブラウザの更新をしていくと、 1枚目画像→2枚目画像→3枚目画像→4枚目画像→5枚目画像→使用不可画像（undefined）となってしまいます。 5枚目画像が表示された後は、1枚目画像→2枚目画像・・・・というようにループさせたいのですが、問題点をご教授お願い致します。なお、ソースは以下の通り記述しております。 <script type="text/javascript">  </script> <noscript><img src="img_1.jpg" width="500" height="500"></noscript>
- ベストアンサー
- JavaScript
現在時刻をボタンクリックで表示
下記の現在時刻を表示させるスクリプトを書いたのですが、これをボタン <INPUT type="button" value="時刻" onClick=""> を押したら表示という形にさせたいと思っています。どうすればよいのでしょうか？お力をお貸しください、お願いします。＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ <script language=javascript>  </script> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
- ベストアンサー
- JavaScript
<body onload="display_image()">が実行されません
いつもお世話になります。下記java scriptにて画像(4枚)をランダムに表示させるようにしたいのですが、なぜか<body onload="display_image()">が実行されず表示されません。これを新規で移せば実行されるのですが、作成中のHTML上ではなぜか文字色がグレーとなり実行されません。アドバイスお願い致します。 <div align="center"><br /> <Script type="text/javascript">  </Script> <body onload="display_image()"> <img src="image8" name="image8" width="700" height="400" id="image8" /></div> </Body>
- ベストアンサー
- JavaScript
日替わり画像ポップアップ表示
javascriptを使って日替わりでなんとか画像を表示する事ができましたがその画像をclickしたら拡大させるにはどうしたらいいのでしょうか調べても日替わり画像までしかなくて困ってますご存知の方教えてください。 phpや別の言語を使うのでしょうか <script type="text/javascript" language="javascript">  </script> 今現在の内容です
- 締切済み
- JavaScript
キャプション付きの複数画像を複数ランダムに表示
タイトルの通りなのですが、キャプションなしは検索して分かったのですが、キャプション付きだと分かりません。どなたかお教えください。参考にしたプログラムは、以下の通りです。 <HTML> <HEAD> <TITLE></TITLE> <script language="javascript">  </script> </HEAD> <BODY onLoad="Show()"> <a href="01.html"><IMG name="imgNumber1" src="img/img1.jpg" width="170" height="170" border="0"></a> <a href="02.html"><IMG name="imgNumber2" src="img/img2.jpg" width="170" height="170" border="0"></a> <a href="03.html"><IMG name="imgNumber3" src="img/img3.jpg" width="170" height="170" border="0"></a> </BODY> </HTML> <BODY>から</BODY>のプログラムでなぜ表示できるかもよくわかっていません。（これについてはおいおい学ぶとして、できればとっかかりのヒントをお願いします）あと、スクリプトが利かない場合の表示は、<NOSCRIPT>～</NOSCRIPT>で間に変わりのものを書けばいいのでしょうか。すいませんが、よろしくお願いします。
- ベストアンサー
- HTML
画像がうまく表示されないのですが
ページを見るごとにランダムで画像が変わるタグを書き込んだのですが・・・タグ１ <script language="JavaScript">  </script> タグ２ <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> タグ１はインフォシークのサーバーでは表示されたのですが、A-RINGSのサーバーでは表示されなかったので、サーバーの問題で表示されないのでしょうか？表示されないとしたらどのようにしたら表示されるものなのでしょうか？タグ２はどちらのサーバーも表示されませんでした。どうしたらちゃんと表示されますでしょうか？
- ベストアンサー
- JavaScript