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

ホームページの中の
一部分にアイフレームを
使って、その中に
3つのページをランダムに表示させたい
と考えております。


調べたのですが、画像をランダムに
表示をする方法は、見つけられるのですが

アイフレームを使って、その中に
ページをランダムに表示させる
方法を見つける事ができませんでした。

お分かりになる方
よろしくお願いします。

A 回答 (3件)

こんにちは。


ランダムに画像を表示、ランダムにインラインフレームにページを表示、方法はあまり変わらないと思います。
このような感じでどうでしょう。

<body onLoad="load()">
<script type="text/javascript">
function load(){

url = new Array();//表示したいURLを配列に
url[0] = "http://yahoo.jp/";
url[1] = "http://www.google.co.jp/";
url[2] = "http://www.goo.ne.jp/";

rand = Math.floor(Math.random() * url.length);//urlの数から乱数を発生

document.inline.location.href = url[rand];//配列urlのrand番目をインラインフレームに表示
}
</script>

<iframe name="inline" src="about:blank" width="400" height="300"></iframe>
</body>
    • good
    • 0

たとえばこんな感じではどうでしょう


3つのインラインフレームにURLをそれぞれ指定しています
期待と違っていたらすみません
<html>
<head>
<script language="javascript">
<!--
function get_rand(){
var rand = Math.floor( Math.random() * url_list.length );
return rand;
}

var url_list = new Array(5);
url_list[0] = "http://www.google.co.jp";
url_list[1] = "http://www.yahoo.co.jp";
url_list[2] = "http://www.msn.co.jp";
url_list[3] = "http://www.goo.ne.jp";
url_list[4] = "http://jp.youtube.com";

window.onload = function(){
var url_no;

url_no = get_rand();
iframe0.location.href = url_list[url_no];

url_no = get_rand();
iframe1.location.href = url_list[url_no];

url_no = get_rand();
iframe2.location.href = url_list[url_no];
}


-->
</script>
</head>
<body>
<iframe name="iframe0" width="300" height="300"></iframe>
<iframe name="iframe1" width="300" height="300"></iframe>
<iframe name="iframe2" width="300" height="300"></iframe>
</body>
</html>
    • good
    • 0

javascriptでインラインフレームのURLを指定できるので、


ランダム処理と組み合わせれば可能だと思います
document.インラインフレーム名.location.href = 変更するURL

この回答への補足

アドバイスありがとうございます。

しかし、当方では
理解ができませんでした。

補足日時:2008/09/24 13:15
    • good
    • 0

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