- 締切済み
一定時間で変化する画像とリンクについて
一定時間で画像を変化（差し替え）させてそれぞれの画像に 個別のリンクを貼りたいのですが、可能でしょうか？ 一定時間で変化する画像までは出来るのですが、リンクの貼り方がわかりません。ソースを公開しているところはないでしょうか? 宜しく御願い致します。
- ya-ya-
- お礼率42% (110/256)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- xruz
- ベストアンサー率50% (72/143)
こんにちはya-ya-さん、xruzです。 >一定時間で変化する画像までは出来るのですが kana-tanさんの一行を追加するだけなんですが。。。 ひょっとして配列からのセット方法が解らないとかでしょうか？ と言うことで以下にソースサンプルを載せておきます。 （Ie5.5sp2、NN4.75、NN6.1動作確認済み） <html> <head> <title>chghref</title> </head> <script language="JavaScript"> <!-- var timeId; var lnkImg=new Array(); var imgLnk=new Array( "image1.gif","link1.html", "image2.gif","link2.html", "image3.gif","link3.html" ); function startScript() { for(var i=0;i<imgLnk.length;i=i+2) { var lnkData=new Array(); lnkData[0]=imgLnk[i]; lnkData[1]=imgLnk[i+1]; lnkImg[parseInt(i/2)]=lnkData; } timeId=setTimeout("chgLink(0)",10); } function chgLink(i) { clearTimeout(timeId); document.timeImg.src=lnkImg[i][0].toString(); document.links[0].href=lnkImg[i][1].toString(); if(++i==lnkImg.length) i=0; timeId=setTimeout("chgLink("+eval(i)+")",1000); } //--> </script> <body onLoad="startScript();"> <a href=""><img name="timeImg" src="" border="0"></a> </body> </html> がんばってくださいね。
リンクの変更は document.links[0].href= "リンク先" と書きます。 links配列は、<BODY>内の<A><AREA>タグを管理します。 <A>や<AREA>タグがあると、上から順番に0、1、2、…と番号をつけて配列に格納されます。 なので、[0]の部分は変更したいリンクの番号を指定し下さい。 では、参考までに。
補足
お答えいただき有難うございます これを使ったサイトがあれば教えてください。
お礼
ありがとうございました。 出来ました.