- ベストアンサー
JavaScriptを使用して画像を変え、リンクを表示する方法について
- JavaScriptを使用して、指定した時間後に画像を変更し、その画像にリンクを表示する方法について教えてください。
- 具体的な例として、以下のサンプルコードを参考にしていますが、このコードを改造して別ウィンドウではなく、同じページにリンク先を表示させたいです。
- JavaScriptにあまり詳しくない初心者ですので、理論的な説明よりも具体的なコードの変更方法を教えていただけると助かります。
- harima001
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
質問者様が見つけてこられたサンプルのJavascriptを、少しだけ書き換えると出来るかもです。 こんな感じでしょうか。 --------------- <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- var item = 0; function change_IMG() { item += 1; if (item > 3) item = 0; if (document.img.complete) { if (item == 0) { document.img.src = "yahoo.jpg"; } if (item == 1) { document.img.src = "msn.jpg"; } if (item == 2) { document.img.src = "google.jpg"; } if (item == 3) { document.img.src = "infoseek.jpg"; } } changeLINK(); setTimeout("change_IMG()",5000); } function changeLINK() { if (item == 0) { document.all['myLINK'].href = "http://ヤフー"; } if (item == 1) { document.all['myLINK'].href = "http://エムエスエヌ"; } if (item == 2) { document.all['myLINK'].href = "http://グーグル"; } if (item == 3) { document.all['myLINK'].href = "http://インフォシーク"; } } //--> </SCRIPT> </HEAD> <BODY onLoad="change_IMG();"> <a id="myLINK" href="http://ヤフー"> <img src="yahoo.jpg" NAME="img" border="0"> </A> </BODY> </HTML> --------------- setTimeout("change_IMG()",5000); ↑この部分は、5秒後に change_IMG() を実行するということです。 1秒 = 1000 なので、もし、1分経過するたびに画像とリンク先を変更したいのであれば、 5000 を 60000 に書き換えます。
お礼
tacoslot様、ありがとうございました。 できました！ しかもご親切に書き換えていただいて… 大感謝です。 openwindowのところをなんとかすれば…と思ったのですが私の能力を超えていました。 本当に助かります。 ありがとうございました。