• ベストアンサー

画像からランダムリンク

Javascriptでランダムリンクをする場合、 <form> <input type=button onClick="jump()" value="ランダム"> </form> <script> url = new Array(); url[0] = "00.html"; url[1] = "01.html"; url[2] = "02.html"; function jump() { p = Math.round(Math.random() * (url.length - 1)); parent.top.document.location = url[p]; } </script> という記述を使うのは知っているんですが、 「ランダムリンク」というボタンではなく、 画像をクリックしてランダムリンクさせることは可能でしょうか? Javascriptでは無理な場合、 画像からランダムリンクを張る方法はありますか? CGI等でも構いませんので、お勧めがあれば教えてください。

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

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.2

以下のコードを参考にしてみてください。 ------------------------------------------------------------ <a href="javascript:jump()"><img src="img1.gif" />ランダム</a> <script> url = new Array(); url[0] = "g6_2.html"; url[1] = "g2.html"; url[2] = "g1.html"; function jump() { p = Math.floor(Math.random() * url.length ); top.location.href = url[p]; } </script> ------------------------------------------------------------ 1. Math.round(Math.random() * (url.length - 1))では、url[1]が50%となります。 2. topを使うなら、parentは不要です。

joke-trs
質問者

お礼

無事設置することができました。 詳しく書いてくださり、助かりました。 本当にありがとうございました。

その他の回答 (1)

回答No.1

画像を表示するのは <input type="image"> <img> この様なタグ(と属性)を使います。

joke-trs
質問者

お礼

ありがとうございます。 自分の不勉強が浮き彫りになりお恥ずかしい限りです。 基本的なことのようなので、時間を見つけて勉強したいと思います。

関連するQ&A

専門家に質問してみよう