- 締切済み
Javascriptでランダムに画像を表示させ、さらにリンクさせる
当方、ホームページを作成していまして、 画像をランダムに表示させることはできたのですが、 さらにその画像をクリックにて違うページにリンクさせたいと考えております。 いろいろ検索してみたのですが、明確な回答が見つからなかったもので、、、 どなたかご回答いただけると、大変助かります。 どうぞよろしくお願いいたします。 現時点で、以下の様になっています。 (4枚の画像をランダム表示させ、リンク先は同じ場所を考えています) <script language="JavaScript"> <!-- ranimg = new Array(); ranimg[0]="0.gif"; ranimg[1]="1.gif"; ranimg[2]="2.gif"; ranimg[3]="3.gif"; xx = Math.floor(ranimg.length*Math.random()); ranimg = ranimg[Math.floor(xx)]; document.write('<img src="'+ ranimg +'">'); // --> </script>
- みんなの回答 (3)
- 専門家の回答
みんなの回答
document.write('<a href="次の階層"><img src="'+ ranimg +'" border="0"></a>'); で良くない? これで直ったらJavaScript云々より全てHTMLの問題ですね。
<script language="JavaScript"> <!-- ranimg = new Array(); ranimg[0]="0.gif"; ranimg[1]="1.gif"; ranimg[2]="2.gif"; ranimg[3]="3.gif"; xx = Math.floor(ranimg.length*Math.random()); ranimg = ranimg[Math.floor(xx)]; document.write('<a href="次の階層"><img src="'+ ranimg +'"></a>'); // --> </script> これで良くない?
お礼
ランダム表示の画像にリンクできました。 ありがとうございます。 が、当方Macで作業していまして、 Safari,IEでは大丈夫なのですが、 FirefoxやCaminoだとトップページの画像に 青い淵が付いてしまいます。 これはブラウザ上の問題とかなのでしょうか? もしご存知であれば、ご教授いただければ、 大変助かります。 よろしくお願い致します。
- VCAT
- ベストアンサー率20% (16/79)
(4枚の画像をランダム表示させ、リンク先は同じ場所を考えています) これはどういうことですか?矛盾しているような・・・
補足
ごめんなさい!! 説明不足で分かりにくかったですね。 トップページには1枚の画像だけなのですが、 訪れるたびに違う画像が表示されるというもので、 その画像が計4種類あるということです。 そして、その画像をクリックすると次の階層に行く というふうにしたいのですが、、、
お礼
できました!! ありがとうございます。