- ベストアンサー
ランダムリンクの方法
検索サイトで見るランダムに表示される画像リンクは どうやって作るのでしょうか？ 私が考えているのは、 準備するリンク用画像は8個程度。 表示されるリンク用画像が4つくらい縦に並ぶ。 リンク用画像の下には説明文がある。 それぞれの画像が違う場所にリンクする。 リンク用画像が同一画面でかぶらない。です。 説明が曖昧かもしれませんがよろしくお願いします。
- blue_panda
- お礼率0% (0/2)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
以下はJavaScriptのサンプルです。 ---------------------------------------------- <html> <head> <title></title> <script> <!-- function drawLink(id, len){ var dataAry = [ {img:"sample1.gif", url:"test1.htm", msg:"説明１"}, {img:"sample2.gif", url:"test2.htm", msg:"説明２"}, {img:"sample3.gif", url:"test3.htm", msg:"説明３"}, {img:"sample4.gif", url:"test4.htm", msg:"説明４"}, {img:"sample5.gif", url:"test5.htm", msg:"説明５"}, {img:"sample6.gif", url:"test6.htm", msg:"説明６"}, {img:"sample7.gif", url:"test7.htm", msg:"説明７"}, {img:"sample8.gif", url:"test8.htm", msg:"説明８"} ]; if(len > dataAry.length) len = dataAry.length; var str = ""; var count = 0; while(true){ if(count >= len) break; var dataIndex = Math.floor(Math.random() * dataAry.length); var data = dataAry[dataIndex]; if(data.flg != null){ continue; } str += "<a href='" + data.url + "'><img src='" + data.img + "'/></a><br/>" + "<p>" + data.msg + "</p>"; data.flg = true; count++; } document.getElementById(id).innerHTML = str; } // --> </script> </head> <body onload="drawLink('link', 4);"> <div id="link"></div> </body> </html> ---------------------------------------------- ・drawLink関数 ・第一引数：表示対象要素 ・第二引数：表示画像数 ページのonloadイベントで呼び出してください。 dataAryのメンバを増減する際は「,」の整合性に注意してください。(最後は不要です) タグ部分も編集すればお望みのものができるかと。
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
javascriptでやりたいのですか？ その手の処理はできればサーバーサイドの処理でやったほうが 確実ですが・・・。
補足
サーバーで管理できるのでしょうか？少し調べてみます。 ありがとうございました！！
補足
すごい。これを使えばイメージの物が出来るのですね。 一度、挑戦してみたいと思います。 ありがとうございました！！