掲示板/JavaScript質問板/過去ログ/一覧/ 広告バナーを、一定時間で自動的に切り替わるランダム表示にする

0 名前： みかん ： 2007/05/22（火） 21:40 ID:nYEKtUpV sub-gm: はじめまして。
自分なりに調べてみたのですが、どうしても方法が
分からなかったので、質問させてください。

よろしくお願い致します。

アフィリエイトなどの広告（バナー）はA8.netのアフィリエイトで、
形式は、
----------------------------------
＜a href＝"リンク先URL"＞
＜img border="0" width="234" height="60" alt="" src="http://～1"＞＜/a＞
＜img border="0" width="234" height="60" alt="" src="http://～2"＞
----------------------------------
（↑実際には半角です。＜img＞のタグのsrc="～"は、
.jpgや.gifなどという画像形式では終わらず、英数字の文字列で終わります。
２つ目の＜img＞のタグは＜/a＞でくくりません。）
上記の３つで１セットのコードをコピペすると、広告バナーが表示されます。

このような形式のアフィリエイト広告を、ランダム表示したいのですが、
リロード（画面更新）をする度に、広告がランダム表示させ、
それを更に、一定時間で自動的に別の広告へと、
リロードしないでも移り変わらせる方法はどのようにしたら良いでしょうか？

例えば、１ページに５つの広告バナーを表示させたとします。

それぞれの５つの広告欄は、それぞれランダムで表示され、
さらにそのランダム表示された広告から、一定時間ごとに
広告とリンク先がそれぞれ切り替わっていく、ということがしたいのです。

具体的には、以下のようなものです。

＊１ページに[a][b][c]の広告がランダムで表示される。
＊次に１０秒おきに、[a]は、[a]->[c]->[e]->[b]->（どんどんランダムで繰り返す）、
[b]は、[b]->[a]->[c]->[e]->（どんどんランダムで繰り返す）、
[c]は、[c]->[e]->[b]->[a]->（どんどんランダムで繰り返す）、のように、
それぞれランダムに枝分かれして、自動的に切り替わっていく、というものです。

どなたか是非教えてください。
よろしくお願い致します。

1 名前：匿名： 2007/05/22（火） 21:40 ID:eMVLZTyk sub-Ds: （別に揚げ足を取るつもりは皆無なのだけれども）
そういうのはランダムとは言わない。ランダムとは、まず、規則性がなく、
予見不可能な事象を表出すること。これが分かれば、おのずと、どういう
コードを書けばいいか８割がたは方針が立つ。

2 名前：匿名： 2007/05/22（火） 21:40 ID:aQuF.kCj sub-Cz: とりあえず、

(a). これってアフィリエイトの規約に抵触しないの？大丈夫？
(b). これってたぶん画像の先読み・キャッシュができないよね。そうすると、10 秒おきにバナーの数だけサーバに画像を取りにいかなきゃいけないけど、マズくない？大丈夫？

(c). バナーの重複（[a][a][b]、[c][b][c] になる可能性もある）を許すの？許さないの？

3 名前： みかん ： 2007/05/22（火） 21:40 ID:nYEKtUpV sub-gm: お返事くれた方ありがとうございました。

>>2
>(a). これってアフィリエイトの規約に抵触しないの？大丈夫？

A8以外ですが、もうひとつ私が入っているアフィリエイト会社は確実に大丈夫だそうです。
A8でできないとしたら、許可がされている方のアフィリエイトで使用しようと思います。

>(b). これってたぶん画像の先読み・キャッシュができないよね。そうすると、10 秒おきにバナーの数だけサーバに画像を取りにいかなきゃいけないけど、マズくない？大丈夫？

これについては分からないのですが、やりたいこととしてはアフィリエイト会社は許可していました。

>(c). バナーの重複（[a][a][b]、[c][b][c] になる可能性もある）を許すの？許さないの？

できれば重複しないようにしたいと思っています。

よろしくお願い致します。

4 名前：匿名： 2007/05/22（火） 21:40 ID:aQuF.kCj sub-Cz

>>0
あ、見落としてたけど、「<a><img></a><img>」で 1 セットなのか。このどれを、どのように変えれば良いの？画像やリンク先の URI は、あらかじめ全部分かっているの？バナーの数は 5 で固定なの？バナー領域または画像には ID か何か振ってあるの？

要件の詳細がイマイチ掴めないので、（うまく動作しなくても良いから）ご自分で叩き台のコードを書いてもらえると、こちらも考えやすい。

なお、考え方としては、

var a = [ '1.png', '2.png', '3.png', '4.png', '5.png' ];
var n, tmp;

for (var i = 0, I = a.length; i < I; i++) {
    n = Math.floor (Math.random () * a.length);
    tmp = a[i]; a[i] = a[n]; a[n] = tmp;
}

alert (a); // '3.png', '5.png', '2.png', '1.png', '4.png'

のように配列をシャッフルすることになる（と思う）。

5 名前： みかん ： 2007/05/22（火） 21:40 ID:nYEKtUpV sub-gm: 匿名さん、お返事ありがとうございます。

あれから自分でいろいろ頑張ってみたのですが、
とても的外れな…、スクリプトになってしまい上手くいきませんでした。

今回は、いったん諦めて、
もう少し勉強してから再チャレンジしてみようと思います。

ありがとうございました。