• ベストアンサー

更新する度にイラストとバナーを同時に、ランダムに表示するには

http://www.tor.lislis.info/ ↑このサイトのように、イラストとバナーを同時に、ランダムに表示し、他サイトへのリンクを張り、画像にALT属性を付けるには、どのようなスクリプトを組めば良いのでしょうか？JavaScriptで可能なのでしょうか？それともCGIでやっているのでしょうか？ このようなJavaScript、またはCGIを知っている方、ご教授お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#16365
noname#16365
回答No.4

　#1 です。動きました？　何よりです。ご要望の記述ですが、 　<HEAD> 部のスクリプトに、 --- ここから記述 q = new Array(n); // バナーの ALT テキスト q[0]="GOO Banner !!"; q[1]="ZOO Banner !!"; q[2]="BOO Banner !!"; --- 記述ここまで 　を追加して、<BODY> 部の「バナー表示部分」を --- ここから記述「バナー表示部分」 <SCRIPT language="JavaScript"><!-- document.write("<A href=\""+r[i]+"\" target=\"_blunk\"><IMG src=\""+b[i]+"\" alt=\""+q[i]+"\" border=\"1\"></A>"); //--></SCRIPT> --- 記述ここまで 　に、差し替えてください。 　これで大丈夫ですよ。

hirono_22
質問者

お礼

おお！またもやわかりやすい記述ありがとうございました！ 動作確認もできました(^^) 度々、質問に答えていただき、また、わざわざ記述していただき、ありがとうございました！m(__)m では、これを使わせていただきますm(__)m

その他の回答 (3)

  • akanekor
  • ベストアンサー率52% (102/194)
回答No.3

人が作ったＨＰのスクリプト参考（パクリ）たい時は、 ソース見るほうが手っ取り早いよ。 この人の場合だと、スクリプトは ****://www.tor.lislis.info/tobirae.js にコード置かれているから、拾ってきて エディタで開いて見てください。 後は、htmlの方のコードで tobirae.js random_img() を検索してみてください。 これだけ見れば、大体何を参考（パクる）って真似をすればいいか分かるはず パクリ元の作成者への感謝を忘れずに（＝ｗ＝ノ

hirono_22
質問者

お礼

回答ありがとうございますm(__)m ダウンロードしてみました。 しかしながら、こことは交流が無いため、参考にするのは少々気が引けます。 教えていただいて申し訳ありませんが、#1さんのスクリプトを使わせていただきます。

noname#16365
noname#16365
回答No.2

　#1 です。 　<HEAD > ～ </HEAD> のどこかに、 --- ここから記述「設定部分」 <SCRIPT language="JavaScript"><!-- var n=3; // イラストの総数 var i=Math.floor(Math.random()*n); p = new Array(n); // イラストの URL p[0]="goo.png"; p[1]="zoo.png"; p[2]="boo.png"; b = new Array(n); b[0]="goo_b.png"; // バナーの URL b[1]="zoo_b.png"; b[2]="boo_b.png"; a = new Array(n); // ALT テキスト a[0]="GOO !!"; a[1]="ZOO !!"; a[2]="BOO !!"; r = new Array(n); // リンク先 r[0]="htt...//goo.com/"; r[1]="htt...//zoo.com/"; r[2]="htt...//boo.com/"; //--></SCRIPT> --- 記述ここまで 　を入れ、<BODY> ～ </BODY> のどこかに、 --- ここから記述「イラスト表示部分」 <SCRIPT language="JavaScript"><!-- document.write("<A href=\""+r[i]+"\" target=\"_blunk\"><IMG src=\""+p[i]+"\" alt=\""+a[i]+"\" border=\"1\"></A>"); //--></SCRIPT> --- 記述ここまで --- ここから記述「バナー表示部分」 <SCRIPT language="JavaScript"><!-- document.write("<A href=\""+r[i]+"\" target=\"_blunk\"><IMG src=\""+b[i]+"\" alt=\""+a[i]+"\" border=\"1\"></A>"); //--></SCRIPT> --- 記述ここまで 　を入れます。 　たぶん、これで動くと思います。

hirono_22
質問者

お礼

おお！解りやすく詳細な説明ありがとうございます！m(__)m ちゃんと動作しました。凄く良い感じです！ もう一つ、失礼ながら、質問させてください。 イラストとバナーのALTテキストを分けて表示することは可能なのでしょうか？例えば、イラストには『AAA』というテキストが表示されるようにして、バナーには『BBB』と表示させるようにしたいのですが…。 もし可能であれば、記述をお願いできないでしょうか？

noname#16365
noname#16365
回答No.1

　JavaScript で、できます。 1. まず、配列変数をいくつかつくって、イラストやバナーの URL および ALT 属性のためのテキストをそれぞれ格納します。 2. それから乱数を発生させ、 3. それを配列変数の指名につかい、document.write() メソッドで IMG タグと組み合わせて書き出す、 　という手順になります。

hirono_22
質問者

補足

すみません。 JavaScriptについて初心者なので、記述をお願いできないでしょうか？

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

関連するQ&A

  • 画像のランダム表示とリンク、alt属性について

    はじめまして。 検索かけてみましたが、自分の納得が得られる回答が無かったため、質問させていただきました。 ページを更新するごとに画像とテキスト（その画像の作成者などを書きたい）をランダムで表示させ、なおかつ他へリンクし、画像にはALT属性、テキストにはTITLE属性を付けられるJavaScript、もしくは、CGIを探しています。 可能であれば、画像とテキストを別々の場所へリンクしたいと思います。 このようなJavaScript、またはCGIを知っている方、ご教授お願いします。

  • ランダムバナー

    ５秒間隔でランダムにバナー広告を表示するスクリプトが欲しい。 できれば、CGIではなくJavaScriptでできるものがいいです。 その方面に詳しい方宜しくお願いします。

  • バナー(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バナーを加えてランダムに表示することはできますか? 自分で調べてみましたが、自力では見つけられなかったのでココで質問をする事にいたしました。 回答お願いします。

  • ランダムバナーについてです

    仕事でＨＰの制作を担当しています。 全てのページに広告用のランダムバナーを設置しているのですが、現在はページがそれほど多くないので全てにJavaScriptでのランダムバナーを埋め込んでおります。 現在、サイトのリニューアルを予定しておりまして、製作の過程でかなりページが増えてしまうこととなりました。 そこで、ランダムバナーを更新する度に全てのページを書き換えるのは手間がかかるので、cgiかなにかで一括管理するような方法を紹介しているサイトがありましたら教えていただきたいです。 よろしくお願いします

    • ベストアンサー
    • CSS
  • バナーのランダム表示と外部リンク計測について

    初めまして。 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> これに外部リンクへのクリック数を追う機能を追加するにはどうすればよいでしょうか？ 宜しくお願い致します！

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

    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つのバナーの順序を リロードする度にランダムに並び替えたいのですが良い方法はないでしょうか？

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

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

  • 複数の外部jsをランダム表示させたい

    １つのhtmlの中で <script type="text/javascript" src="001.js"></script> <script type="text/javascript" src="002.js"></script> <script type="text/javascript" src="003.js"></script> といった複数のjsをランダムで表示させるコードや、サンプル掲載サイトを教えていただけませんか？ 各jsの中身はテキストや画像などHTMLに表示されるものになっています。 よくあるランダムバナーやランダムリンクのjs版という感じです。 画像やテキストのランダムスクリプトを使って、呼び出される部分に当たるところを上記のようなjsに変えてみたりもしたのですが、IEやOperaではOKでしたがFirefoxではエラーになってしまったり、表示されなくなったりして上手くいきませんでした…；； よろしくお願いいたします。

  • バナーのランダム表示のリンクを別窓で開きたい

    バナーのランダム表示は出来るのですが、それらを開くとき 別窓で開きたいのですが、どうしたら良いのでしょうか？ 下記が現在使用しているJavaScriptです。これに何かを足せば リンクを別窓で開けるのでしょうか？ <script language="JavaScript"><!-- jumpURL = new Array(); imgURL = new Array(); jumpURL[0] = "リンクURL0"; jumpURL[1] = "リンクURL1"; jumpURL[2] = "リンクURL2"; jumpURL[3] = "リンクURL3"; imgURL[0] = "画像URL0"; imgURL[1] = "画像URL1"; imgURL[2] = "画像URL2"; imgURL[3] = "画像URL3"; n = Math.floor(Math.random()*jumpURL.length); document.write("<a href='"+jumpURL[n]+"'>"); document.write("<img src='"+imgURL[n]+"' border='0'>"); document.write("</a>"); // --></script> 以上です。宜しくお願い致します。

  • 画像リンクをランダムに４つ表示する

    このようなタグを使って、画像リンクのランダム表示を作成しました。 ((hard内)) <script type="text/javascript"><!-- // var imglist = [ [ "画像1", "", "リンク先1" ] , [ "画像2", "", "リンク先2" ] ]; function RandomImageLink() { // var selectnum = Math.floor(Math.random() * imglist.length); // var output = '<a href="' + imglist[selectnum][2] + '">' + '<img src="' + imglist[selectnum][0] + '"' + ' alt="' + imglist[selectnum][1] + '"><br>' + imglist[selectnum][1] + '</a>'; // document.write(output); } // --></script> ((body内)) <script type="text/javascript"><!-- RandomImageLink(); // --></script> こうしてランダムに表示できるようになったのですが、私は『ランダムに1つ表示』ではなく、『ランダムに4つ表示』にしたいのです。 …どうすればいいのでしょうか？ どなたか回答をお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する