- ベストアンサー
更新する度にイラストとバナーを同時に、ランダムに表示するには
http://www.tor.lislis.info/ ↑このサイトのように、イラストとバナーを同時に、ランダムに表示し、他サイトへのリンクを張り、画像にALT属性を付けるには、どのようなスクリプトを組めば良いのでしょうか？JavaScriptで可能なのでしょうか？それともCGIでやっているのでしょうか？ このようなJavaScript、またはCGIを知っている方、ご教授お願いします。
- hirono_22
- お礼率52% (13/25)
- JavaScript
- 回答数4
- ありがとう数5
- みんなの回答 （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> --- 記述ここまで に、差し替えてください。 これで大丈夫ですよ。
その他の回答 (3)
- akanekor
- ベストアンサー率52% (102/194)
人が作ったＨＰのスクリプト参考（パクリ）たい時は、 ソース見るほうが手っ取り早いよ。 この人の場合だと、スクリプトは ****://www.tor.lislis.info/tobirae.js にコード置かれているから、拾ってきて エディタで開いて見てください。 後は、htmlの方のコードで tobirae.js random_img() を検索してみてください。 これだけ見れば、大体何を参考（パクる）って真似をすればいいか分かるはず パクリ元の作成者への感謝を忘れずに（＝ｗ＝ノ
お礼
回答ありがとうございますm(__)m ダウンロードしてみました。 しかしながら、こことは交流が無いため、参考にするのは少々気が引けます。 教えていただいて申し訳ありませんが、#1さんのスクリプトを使わせていただきます。
#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> --- 記述ここまで を入れます。 たぶん、これで動くと思います。
お礼
おお！解りやすく詳細な説明ありがとうございます！m(__)m ちゃんと動作しました。凄く良い感じです！ もう一つ、失礼ながら、質問させてください。 イラストとバナーのALTテキストを分けて表示することは可能なのでしょうか？例えば、イラストには『AAA』というテキストが表示されるようにして、バナーには『BBB』と表示させるようにしたいのですが…。 もし可能であれば、記述をお願いできないでしょうか？
JavaScript で、できます。 1. まず、配列変数をいくつかつくって、イラストやバナーの URL および ALT 属性のためのテキストをそれぞれ格納します。 2. それから乱数を発生させ、 3. それを配列変数の指名につかい、document.write() メソッドで IMG タグと組み合わせて書き出す、 という手順になります。
補足
すみません。 JavaScriptについて初心者なので、記述をお願いできないでしょうか？
お礼
おお！またもやわかりやすい記述ありがとうございました！ 動作確認もできました(^^) 度々、質問に答えていただき、また、わざわざ記述していただき、ありがとうございました！m(__)m では、これを使わせていただきますm(__)m