アプリ版：「スタンプのみでお礼する」機能のリリースについて

ランダムリンクの方法

解決済

  • 質問者：blue_panda
  • 質問日時：
  • 回答数：2件

検索サイトで見るランダムに表示される画像リンクは
どうやって作るのでしょうか？

私が考えているのは、
準備するリンク用画像は8個程度。
表示されるリンク用画像が4つくらい縦に並ぶ。
リンク用画像の下には説明文がある。
それぞれの画像が違う場所にリンクする。
リンク用画像が同一画面でかぶらない。です。

説明が曖昧かもしれませんがよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： susie-t
  • 回答日時：

以下は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のメンバを増減する際は「,」の整合性に注意してください。(最後は不要です)

タグ部分も編集すればお望みのものができるかと。

この回答への補足

すごい。これを使えばイメージの物が出来るのですね。
一度、挑戦してみたいと思います。
ありがとうございました！！

補足日時：2007/08/23 19:16
通報する
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： yambejp
  • 回答日時：

javascriptでやりたいのですか？


その手の処理はできればサーバーサイドの処理でやったほうが
確実ですが・・・。

この回答への補足

サーバーで管理できるのでしょうか？少し調べてみます。
ありがとうございました！！

補足日時：2007/08/23 19:14
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報