- ベストアンサー
ランダムに表示する画像にリンク
javascriptで、リロードするたびにランダムに画像を 表示するようにしている（画像は合計5枚）のですが、 ランダムに表示するように用意している画像の一枚一枚に 各画像バラバラのリンク先を設定することというのは可能なのでしょうか？ また、可能であるのならその方法をお教え願えませんでしょうか。 よろしくお願い申し上げます。
- gogoi
- お礼率58% (10/17)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
たとえばこんな感じで <script> window.onload=function(){ var images={ 0:{src:"img0.jpg",url:"url0.htm"} ,1:{src:"img1.jpg",url:"url1.htm"} ,2:{src:"img2.jpg",url:"url2.htm"} ,3:{src:"img3.jpg",url:"url3.htm"} ,4:{src:"img4.jpg",url:"url4.htm"} } var img0=document.getElementById("img0"); var num=Math.floor(Math.random()*5); img0.src=images[num].src; img0.url=images[num].url; img0.onclick=function(){location.href=this.url;} } </script> <img src="" id="img0">
その他の回答 (1)
短いの好きだから <html> <script> //その１ var n=Math.floor(Math.random()*5); document.write('<img src="'+('./img/0.jpg ./img/1.jpg ./img/2.jpg ./img/3.jpg ./img/4.jpg'.split(' '))[n]+'" onClick="location.href=\''+('url0.htm url1.htm url2.htm url3.htm url4.htm'.split(" "))[n]+'\'">'); </script> <script> //その２ var n=Math.floor(Math.random()*5); document.write('<img src="img'+n+'.jpg" onClick="location.href=\'url'+n+'.htm\'">'); </script>
お礼
早速のご回答ありがとうございます！！ 見事にリンク先を指定できました。 本当にありがとうございます！！！！！！！