• 締切済み

教えて下さい。ランダムにバナー配置

HPにバナーを起きたいのですが、配置順序をランダムに入れ替えたいのです。ランダムバナーで調べても複数の画像の中から１つが表示される物しかなく自分ではどうもできないので困ってます。 バナー数は１０個で１０個表示で順序だけ入れ替える物が欲しいのですがよろしくお願い致します。 できれば、テーブルでレイアウトしてますのでテーブルに配置しやすい物がいいんですが…。

みんなの回答

noname#199778
noname#199778
回答No.3

試しに書いてみました。 ご質問で求められている動作は確保できていると思います。 <html> <head> <title></title> <script type="text/javascript"><!-- rndnum= new Array(); rndindx= new Array(); tmpimg = new Array(); rndimg = new Array(); tmpimg[0]="***0.gif"; tmpimg[1]="***1.gif"; tmpimg[2]="***2.gif"; tmpimg[3]="***3.gif"; tmpimg[4]="***4.gif"; tmpimg[5]="***5.gif"; tmpimg[6]="***6.gif"; tmpimg[7]="***7.gif"; tmpimg[8]="***8.gif"; tmpimg[9]="***9.gif"; /* 上記でバナーに使う画像のURLを指定 */ for (i=0; i<tmpimg.length; i++){ rndimg[i]=new Image(); rndimg[i].src= tmpimg[i]; rndnum[i]=i; } for (i=0; i<tmpimg.length; i++){ n=Math.floor(Math.random()*rndnum.length); rndindx[i]=rndnum[n]; rndnum.splice(n,1); } function bannerset(){ for (j=0; j<rndimg.length; j++){ document.images["banner"+j].src=rndimg[rndindx[j]].src; } } window.onload=bannerset; //--></script> </head> <body> <img src="***0.gif" name="banner0" alt="*"><br> <img src="***1.gif" name="banner1" alt="*"><br> <img src="***2.gif" name="banner2" alt="*"><br> <img src="***3.gif" name="banner3" alt="*"><br> <img src="***4.gif" name="banner4" alt="*"><br> <img src="***5.gif" name="banner5" alt="*"><br> <img src="***6.gif" name="banner6" alt="*"><br> <img src="***7.gif" name="banner7" alt="*"><br> <img src="***8.gif" name="banner8" alt="*"><br> <img src="***9.gif" name="banner9" alt="*"> </body> </html> 上記のソースでは、ページがロードされると「name="banner*"」という属性をもっているimg要素の画像をランダムに差し替えます。 ランダムに画像を取得させても、重複が出ないような工夫を施したつもりです。 img要素は、name="banner*"という属性をつける(banner*の番号は重複させないよう気をつけて下さい)ことさえ忘れなければ、自由に配置できます。 また、バナーの数が変わる場合は、それにあわせてscript要素内のバナーに使う画像のURLを指定している部分と、name="banner*"という属性を持つimg要素の数を増減することで対処できると思います。 こちらのようなソースではいかがでしょうか。 参考になれば幸いです。 見当違いでしたら、ごめんなさい。

  • dayowl
  • ベストアンサー率56% (84/148)
回答No.2

直接の回答ではありませんが、Math.random()の使用例だけご紹介します。 <html lang="ja"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> <!-- function makeRandomNumber() { random = Math.floor(Math.random()*10+1); alert("今回発生した乱数　＝　" + random); } // --> </script> <title></title> </head> <body> <input type="button" onClick="makeRandomNumber()" value="乱数作成！"> </body> </html> どこまでわかっていて、どこからわからないのかをもう少し詳しく書いていただけたらご協力できるかもしれません。

  • nitto3
  • ベストアンサー率21% (2656/12205)
回答No.1

配置を換えて１０個のファイルを作っておき、 Math.random()関数でそのファイルを選び表示させればいいような気がします。

kumiri
質問者

お礼

早速のお返事ありがとうございます。 javascriptは検索で調べて色々使っているのですが 同じ画像が表示されないで、ランダムに表示されるようにできないのです… >Math.random()関数でそのファイルを選び表示させればいいような気がします。 スイマセン。まったくやり方がわからないんです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • バナーのランダム配置

    4つのgifバナーを表示したページがあります。 01.gif gifバナーのリンク先(01.html) 02.gif 　　　　〃　(02.html) 03.gif 　　　　〃　(03.html) 04.gif 　　　　〃　(04.html) ページを訪問する度に ・4つのバナーの順序（配置）がランダムに入れ替わる ・同じgifバナーが重複しない ・順序が入れ替わっても、リンク先は変わらない 上記の条件に合う方法を探しています。 バナーはテーブルを使用して横一列に配置しています。 ご存知の方、おられましたら お教え願えませんでしょうか。

  • HPのランダムバナーのお持ち帰りについて困っています。。

    失礼いたします。 私はイラストのHPをしていまして、 サイトのバナーをイラストをランダムに表示するバナーにしたくて ランダムバナーの作り方は調べてなんとか作れたのですが、 そのバナーを、皆様に貼っていただく方法が分からなくて困っています。。 わざわざ長いタグを打っていただくわけにもいかず。。 ランダムバナーについて何か教えて下さる方がおりましたら HTML初心者で説明べたなのですが、よろしくお願いいたします。

  • バナーのランダムな並べ替え

    ABCDEの広告サイトバナーがあるとして各サイトのバナーが3種類あるとします A-1、A-2、A-3...合計15個のバナーがあります。 下記で各サイトの3つのバナーをランダムで一つ表示させています <script language="JavaScript"> <!-- サイトA=new Array(); サイトA[0]='A-1'; サイトA[1]='A-2'; サイトA[2]='A-3'; i=Math.floor(Math.random()*サイトA.length); document.write(サイトA[i]); // --> </script> このようにABCDEと追記して5つのバナーを表示しているのですがこの5つのバナーの順序を リロードする度にランダムに並び替えたいのですが良い方法はないでしょうか？

  • 画像（リンク付）をランダム表示する方法

    タイトルそのままです。 画像が10点あって、それぞれ別々のリンク先をもっています。この中から3点ランダムに選択して表示させるにはどうしたらよいのでしょうか？ 画像ランダム表示1点のみ、ならわかります。 複数表示で、しかもリンク付、というのがわかりません。 具体的な例を言うと、広告バナーがランダム表示されますが、それの複数バージョンです。表示数は「3」で固定とします。 よろしくお願いします。

  • 任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？

    任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？ よろしくお願い致します。 jQueryを使用して、複数の画像をランダムに配置する（読み込むごとに）というページを作成しております。 この場合、予め配置した画像の表示順番をランダムに変えるだけなので、任意のフォルダに数十枚の画像を入れておき、そこからランダムに数枚の画像を呼び出し、かつランダムに表示順番を変えることはできないものでしょうか。 例：images というフォルダに50枚の画像を入れておき、その中から10枚の画像をランダムに呼び出し、かつランダムに配置する。 いろいろ調べてみたのですが、知識が足りず理解出来なかったため質問させて頂きました。 お詳しい方がいらっしゃいましたら、どうかご教授頂けると幸いです。 ■現在のコードです。 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function shuffle(list) { var i = list.length; while (i) { var j = Math.floor(Math.random()*i); var t = list[--i]; list[i] = list[j]; list[j] = t; } return list; } $(function() { $('#sbox').append(shuffle($('.hogehoge', '#box'))); }); </script> </head> <body> <div id="box"> <div class="hogehoge"><img src="1.jpg"></div> <div class="hogehoge"><img src="2.jpg"></div> <div class="hogehoge"><img src="3.jpg"></div> <div class="hogehoge"><img src="4.jpg"></div> <div class="hogehoge"><img src="5.jpg"></div> </div> </body> </html>

  • レイアウトテーブルの中にレイアウトテーブル配置について

    たびたびよろしくお願いします。 使用ソフトはDreamWeaverMx2004です（Mac)。 いま、レイアウトテーブルの中に更にレイアウトテーブルを配置し、 その中にレイアウトセルを配置したいのですが、どうも表示がうまくいきません。 レイアウトテーブルの中にレイアウトテーブルを満杯まで配置しているはずなのに、 ブラウザで確認すると、下に余白部分のようなものが出てしまいます。 レイアウトテーブルの中にレイアウトテーブルを更に配置するということは 仕様上、うまく表示されなくなってしまうのでしょうか？

  • バナー(javascript)をランダムで表示

    FC2ブログのプラグインにjavascriptを使ってバナー広告をランダムで表示しています。 今までは問題なかったのですが、新しくバナーを加えた際に、そのバナーがjavascriptで出来たものだったので、どうしてよいものかわからなくなってしまいました。 ランダム表示にはこちらのページを参考、というかコピーしました。 http://javascript.eweb-design.com/0616_ra.html 貼り付けたいバナーのソースです↓ ソースの改変は認められていません。 <!---　---> <script type="text/javascript"><!---　---></script> <script src='jsファイルのURL'></script> <noscript></noscript> <!---　---> これ以外のバナーはgifとリンクで構成されていましたので特に問題ありませんでしたが、そこに上記のjavascriptバナーを加えてランダムに表示することはできますか? 自分で調べてみましたが、自力では見つけられなかったのでココで質問をする事にいたしました。 回答お願いします。

  • バナーが見えないσ(^_^;

    HP上にある特定のバナーだけが見えません。 全く見えないページもあれば　リンク集で一部だけ見えないのも…??? 普通なら　画像の所に×マークがつくと思うんですけど、 セキュリティも既定のレベル　クッキーも中　ノートンも解除してみましたけど　見れません。 ソースの表示をすると　URLがあるので　やはりバナーは存在するんですよね・・・ 確かめに　ネカフェに行ってみたら　ちゃんとバナーが見えるんです。 どうして家のパソコンでは見れないのでしょうか…？ あっ今、HPを作っていて　リンクを貼るのにバナーが必要な物で…

  • バナーのランダム表示と外部リンク計測について

    初めまして。 Java初心者です。よろしくお願い致します。 現在、自サイトにバナー画像がランダムで表示される様に貼り付けて、尚かつそれぞれのバナーがクリックされた回数を計測したいと考えています。 ランダム表示に関しては、現在以下のソースで対応させています。 <script type="text/javascript"> <!-- url = new Array(); img = new Array(); tar = 'target="_blank"'; url[0] = "画像1のリンク先URL"; img[0] = "画像1"; url[1] = "画像2のリンク先URL"; img[1] = "画像2"; N = Math.round(Math.random() * (url.length - 1)); DISP = "<a href='" + url[N] + "' " + tar + "> <img src='" + img[N] + "' border=0></a>"; --> </script> <script> <!-- document.write(DISP); --> </script> これに外部リンクへのクリック数を追う機能を追加するにはどうすればよいでしょうか？ 宜しくお願い致します！

  • バナーをランダム表示させるphpを探しています。

    http://www.yahoo.co.jp/のようなバナー広告をつくりたいのですが、 どこかのサイトにこういったphpは無いでしょうか... 画像（jpg）をランダム表示させる事はできたのですが（他のサイトでphpを発見）flash（swf）データを表示はできませんで... しかもそれにリンクを貼るほのどの技術も無く困っています。 根本的に初心者の私の勉強不足で理解力が無いのは痛感しておりますがお助けいただけますかm(_ _)m

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する