• 締切済み

一定時間で変化する画像とリンクについて

一定時間で画像を変化(差し替え)させてそれぞれの画像に 個別のリンクを貼りたいのですが、可能でしょうか?  一定時間で変化する画像までは出来るのですが、リンクの貼り方がわかりません。ソースを公開しているところはないでしょうか? 宜しく御願い致します。

  • ya-ya-
  • お礼率42% (110/256)

みんなの回答

  • xruz
  • ベストアンサー率50% (72/143)
回答No.2

こんにちは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> がんばってくださいね。

ya-ya-
質問者

お礼

ありがとうございました。 出来ました.

noname#99638
noname#99638
回答No.1

リンクの変更は document.links[0].href= "リンク先" と書きます。 links配列は、<BODY>内の<A><AREA>タグを管理します。 <A>や<AREA>タグがあると、上から順番に0、1、2、…と番号をつけて配列に格納されます。 なので、[0]の部分は変更したいリンクの番号を指定し下さい。 では、参考までに。

ya-ya-
質問者

補足

お答えいただき有難うございます これを使ったサイトがあれば教えてください。

関連するQ&A

  • リンク画像をランダム表示して一定時間でランダムにリンク画像切り替えするには?

    「複数のリンク画像を一定時間で(各リンク先も)切り替えるには?」で画像表示を一定時間で切り替えることがわかりましたが、ページを開いたときにリンク画像がランダムで表示されその後、一定時間でランダムにリンク画像を切り替えをする場合、どうすればいいのでしょうか?よろしくお願いします。

  • 一定時間で変化する画像とリンク

    業者さんにトップのページを作成してもらいました。 一定時間で画像が変化するようになっているのですが、 その画像ごとにクリックした際に違うリンクを貼りたいのですが 初心者の為、よくわかりません。 下記ソースですが どこを編集したらよいのでしょうか? <!-- //変更秒間隔を指定 var sec = 5; sec = sec * 1000; arrI = new Array("top_P1.jpg","top_P2.jpg","top_P3.jpg") var num = arrI.length; var arrO = new Array(); for (var i=0;i<num;i++) { arrO[i] = new Image(); arrO[i].src = arrI[i]; } i = 0; function cngImg(){ if(document.all){ document.images.img.style.filter="blendTrans()"; document.images.img.filters.blendTrans.Apply(); } document.images.img.src = arrO[i].src; if(document.all){ document.images.img.filters.blendTrans.Play(); } i ++; if(i >= num){i = 0;} setTimeout("cngImg()",sec); } //-->

  • 複数のリンク画像を一定時間で(各リンク先も)切り替えるには?

    画像表示を一定時間で切り替え、同時にそれぞれの画像に別のリンク先を指定したいのです。JavaScriptかスタイルシート、その両方の組み合わせなどの応用になるのではないかと思うのですが、なるべくシンプルな方法をご存知の方、よろしくお願いいたします。

  • 一定時間で変わる画像・・・

    javaScriptで一定時間で画像を更新するのを作ったのですが、HPを表示する時「セキュリティ保護のため・・・」という情報バーが出てきます。 広告画像などで一定時間で画像が変わるものもHPにあるのですが、その場合は情報バーは出ません。 何故でしょう? javaScriptで作った場合は絶対にこの情報バーが出てしますのですか?

  • 一定時間で画像とリンク先を変換する

    DreamWeaverCS3でHPを製作しております、まだ初心者です。 リンクが設定してある画像を一定時間で変換していき、なおかつリンク先のページをポップアップウィンドウで開こうとしています。 下記コードでポップアップウィンドウは開くのですが一定時間での変換がうまくいきません。 どなたかご教授頂けませんでしょうか。 宜しくお願い致します。 <SCRIPT language="JavaScript"> <!-- var interval = 5000; //切り替わる時間(1000=1秒) jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "00000.html"; img[0] = "00000.jpg"; jmp[1] = "11111.html"; img[1] = "11111.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"' onClick=\"javascript:window.open('"+jmp[n]+"','','width=400,height=380'); return false;\">"); document.write("<img src='"+img[n]+"' border='0' width='300' height='25' />"); document.write("</a>"); setInterval(function(){ //--> </SCRIPT>

  • 画像を一定時間毎に自動で変化させる方法について教えて下さい

    ブログ記事欄で、複数の画像を一定時間毎に自動で変化させる方法について教えて下さい。 自分なりに調べてみましたが、オンマウス・アウトマウスで3枚まで表示するタグか、 3枚以上表示する場合では、クリックを繰り返す必要があるタグしか見つけられませんでした。 ↓こちらのブログの画像のような仕上がりをイメージしています。 ttp://s-lovers.blog.so-net.ne.jp/2008-06-25 初心者なので、分かりやすく教えていただけると助かります。 タグのみで不可能であれば、おすすめソフトも教えて欲しいです。 なお、私が利用しているのは、FC2ブログになります。 よろしくお願いします。

  • 一定時間ごとに画像を切り替えたいです!

    JavaScriptを使って一定時間ごとにフェードイン、フェードアウトしながら画像を切り替えたいです!! インターネットでいろいろ調べていたのですが画像の切り替えはあってもフェードイン・フェードアウトをしながらのサンプルがなかったもので。 ちなみに最後の画像で止めたいです。 こんな感じにしたいです↓↓ OPENERS http://openers.jp/ 誰か解る方がいれば宜しくお願いします。

  • 画像リンクについて

    ホームページの画像リンクは基本、その画像全体をリンク化したものですが、この画像の一部をリンク化することは可能なんでしょうか?もし可能ならば、ソースをどうしたらいいのか教えてください。

  • ホームページで決まった時間から一定時間で表示変更

    ホームページ上で一定時間でテキストまたは画像を表示を変化させる事のできるスクリプトを探しています。 そのページが表示された時から指定時間毎に変化 毎日決まった時間に変化 のスクリプトはよくみかけるのですが、そうではなく、やりたいことは 決まった時間から一定時間毎に変化 です。 たとえば、6月11日の17時から30時間毎に3種類の表示を順番に変えていく、といった感じです。 ご存知の方、またやり方の書いてあるサイト様をご存知の方お願いします。

  • 一定時間経つと画像を消す方法

    一定時間経つと画像が変わるっていうのはよく見ますが、 例えば掲示板などでよく見る「24時間経つと『new』の文字が消える」 というのはどうすればいいんでしょうか? アレンジすればいいのかとも思いましたが、その方法がよくわかりません。 伝授いただければ幸いです。