初めまして。今回教えていただきたいのは、gooなどのページにも見られるバナー広告の表示ににたものを作りたいのです。
毎回表示されるたびに知人関係のバナー広告をランダムに自分のホームページに表示させたいと思っています。もちろん飛び先も指定したいのですが、今回はJavaScriptのページに書き込みいたしましたが、この場合、どういったスクリプトを組めばよいのでしょうか。教えてください!よろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

これでいかがでしょうか。



バナー画像は 400×700 のGIF形式とし
ファイル名advertise[x].gif([x]は数字)で
同じフォルダに保存されているものとする。
サンプル数は2個。

<HTML>
<HEAD>
<TITLE>広告</TITLE>
 <SCRIPT LANGUAGE="JavaScript">
  <!-- // ランダムに広告画像と広告先へのリンクを表示する。
   AdvCount = 2; // 広告の最大枚数

   var linksrc1 ="http://www.xxx.co.jp/"; //URL1
   var linksrc2 ="http://www.xxx.co.jp/"; //URL2

   function randomAdv() {
    advNo = Math.floor(Math.random() * AdvCount)+1;
    document.write("<A HREF='"+eval('linksrc' + advNo)+"' TARGET='_top'>");
    document.write("<IMG SRC='advertise"+advNo+".gif' BORDER='0' WIDTH='400' HEIGHT='70'></A>");
   }
  //-->
 </SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
 <!--
  randomAdv();
 //-->
</SCRIPT>
</BODY>
</HTML>
    • good
    • 0
この回答へのお礼

ありがとうございます!非常にわかりやすいのでこのソースをいただいて、一度自分の方でもためしてみたいと思います!
ありがとうございました!これからもよろしくお願いいたします!!

お礼日時:2001/01/17 13:18

下記のサンプルがご希望の条件を満たしているかと思います。



参考まで

参考URL:http://203.141.192.39/image/014/
    • good
    • 0
この回答へのお礼

ありがとうございます!早速確認してきます!!
助かりました~!これからもよろしくお願いいたします!

お礼日時:2001/01/17 13:17

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

このQ&Aと関連する良く見られている質問

Qランダムにswfバナーを表示させたい

images/bnフォルダ内に、0.swf~4.swfのバナーを
5枚用意して、それをアクセスするたびにランダムに
表示させようと思い、下記のように記述してみたのですが、
エラー表示されて表示できません。
どこが間違っているのか、どなたかご教授頂けませんでしょうか。

<html>
<head>
<SCRIPT Language="JavaScript">
<!--
function randomJump()
{
ImageCount = 5;
num = Math.floor(Math.random() * ImageCount);
document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0' width='234' height='60'>");
document.write("<param name=movie value='images/bn/"+num+".swf'>");
document.write("<param name=quality value=high>");
document.write("<embed src='images/bn/"+num+".swf' quality=high pluginspage='http://www.macromedia.com/jp/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='234' height='64'></embed>");
document.write("</object>");
}
// -->
</SCRIPT>
</head>

<body>
<SCRIPT Language="JavaScript">randomJump();</SCRIPT>
</body>
</html>

images/bnフォルダ内に、0.swf~4.swfのバナーを
5枚用意して、それをアクセスするたびにランダムに
表示させようと思い、下記のように記述してみたのですが、
エラー表示されて表示できません。
どこが間違っているのか、どなたかご教授頂けませんでしょうか。

<html>
<head>
<SCRIPT Language="JavaScript">
<!--
function randomJump()
{
ImageCount = 5;
num = Math.floor(Math.random() * ImageCount);
document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
cod...続きを読む

Aベストアンサー

基本的に大きな間違いはないと思います。

classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://download.macromedia.com/ …

↑この codebase の前の改行1つを取れば無事動作します。
改行を取るか,

classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000''"
+ "codebase='http://download.macromedia.com/ …

このような感じにするかです。



その他は、致命的なものではありません。
しかし、上記 codebase の後にある、

width='234' height='60'>");

という、SWF のサイズと、EMBED内の、

width='234' height='64'></embed>");

のサイズ数値がずれています。
どちらかに統一してください。

Q2箇所にランダムに広告を表示したい。

上手く行かないので質問させてください。

ページの上下に広告をランダムで表示させたいのですが、
どのようにやるのか分かりません。

1箇所だけ表示することはできましたが、2箇所表示させようとすると何も表示されない状態です。

---- HTML -----
<html>
<head>
<script type="text/javascript" src="banner.js"></script>
</head>
<body onload="Banner()">
<div id="banner" align="center"></div>
<br>
本文ゴニョゴニョ...
<div id="banner" align="center"></div>
<br>
</body>
</html>



----- banner.js -----
function Banner(){
var imgMax = 10;
var imgRand = Math.floor(Math.random() * imgMax);

switch (imgRand) {
case 0:
banner.innerHTML='広告その1<br>';
banner.innerHTML+='<a href="・・・" target="_blank"><img src="・・・"></a>';
break;

--- 略 ----


id="banner"が2つあるのは×というのは分かりますが(一つ消すと表示されるので)、
こういう場合はどのように処理をしたほうが良いでしょうか。

上手く行かないので質問させてください。

ページの上下に広告をランダムで表示させたいのですが、
どのようにやるのか分かりません。

1箇所だけ表示することはできましたが、2箇所表示させようとすると何も表示されない状態です。

---- HTML -----
<html>
<head>
<script type="text/javascript" src="banner.js"></script>
</head>
<body onload="Banner()">
<div id="banner" align="center"></div>
<br>
本文ゴニョゴニョ...
<div id="banner" align="center"></div>
<br>
</body>
...続きを読む

Aベストアンサー

id="banner1"
id="banner2"
として
banner1.innerHTML='.........'
banner2.innerHTML='.........'

ただし、この書き方はIEでしか動かないのでは?
document.getElementById('banner1').innerHTML=...
が吉かとw

Qバナー広告をページ内で自動スクロールさせる方法

バナー広告をページ内で自動的にスクロールさせる方法を知りたいのですが。
例えば、 http://www.chatlife.jp/ のページの右側にあるバナーはページを上下にスクロールしても、たえずページ内を上下に動き、うまいようにに収まっています。これって、javascriptかなんかで実現できるのでしょうか?
どなたかお解りになられる方よろしくお願いします。

Aベストアンサー

フローティングメニューで検索すると実装方法が見つかります。

提示のURLの場合はjavascriptで実装されています。

また、jQueryを導入すると簡単に実現できます
http://oneday.ter.jp/css-xhtml/483.html

もっと簡単にするのであればCSSで指定するのが楽です。
(この場合、画面上に完全に固定される感じになります)
http://coliss.com/articles/build-websites/operation/javascript/tutorial-scrollfollow-sidebar.html

QJavascriptでページを更新するたびに違った画像を表示させたいのですが…。

ページを更新する度に違う画像をランダムにランダムに表示したいのですが、恐らくJavascriptでできるのではなかろうかと考えております。
Javascriptは別ファイルにしようと考えてます。

教えてくださる方、おられましたらご回答をよろしくお願いします。

Aベストアンサー

検索したら一発ででてきましたよ。
これくらいのことなら、簡単に見つかります。

検索するクセをつけましょうね。

参考URL:http://allabout.co.jp/computer/hpcreate/closeup/CU20030721A/

Qランダムバナーを別ウィンドウで開きたい

以下のサイトに載っている方法で
http://technique.eweb-design.com/0503_rbl.html
バナー広告をランダム表示させるようにしましたが、
公告が表示されている同一のウィンドウ(親ウィンドウ)で
開いてしまいます。

自分はHTMLの知識しかない為、アンカーを
target="_blank"を指定してみたのですが、
スクリプトエラーになってしまい失敗。

恐らくかんたんな質問になってしまうと思うのですが
どなたか、ご指導お願いいたします。

あくまでJAVAScriptに拘ってます。

Aベストアンサー

こんにちは。

document.write("<A href='"+jmp[n]+"'>");

の部分を

document.write("<A href='"+jmp[n]+"' target='_blank'>");

としてみてください。


人気Q&Aランキング

おすすめ情報